@tecsinapse/react-core 1.19.0 → 1.20.0

package/esm/components/atoms/Tag/Tag.js

@@ -0,0 +1,80 @@
+var _excluded = ["value", "icon", "variant", "dismiss", "onDismiss", "style"];
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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, { useCallback, useState } from 'react';
+import { Animated } from 'react-native';
+import { PressableSurface } from '../PressableSurface';
+import { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';
+
+var Tag = function Tag(_ref) {
+  var value = _ref.value,
+      icon = _ref.icon,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'small' : _ref$variant,
+      _ref$dismiss = _ref.dismiss,
+      canDismiss = _ref$dismiss === void 0 ? false : _ref$dismiss,
+      onDismiss = _ref.onDismiss,
+      style = _ref.style,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dismiss = _useState2[0],
+      setDismiss = _useState2[1];
+
+  var fadeAnim = React.useRef(new Animated.Value(1)).current;
+  var duration = 300;
+
+  var fadeOut = function fadeOut() {
+    Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: duration,
+      useNativeDriver: true
+    }).start();
+  };
+
+  var handleDismiss = useCallback(function () {
+    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+    fadeOut();
+    setTimeout(function () {
+      return setDismiss(true);
+    }, duration);
+  }, [onDismiss]);
+  return React.createElement(StyledTagContainer, _extends({}, rest, {
+    variant: variant,
+    style: [{
+      opacity: fadeAnim
+    }, style],
+    visible: !dismiss
+  }), icon && React.createElement(StyledLeftIcon, _extends({
+    size: icon.size || 'micro',
+    colorVariant: icon.colorVariant || 'primary'
+  }, icon)), value, canDismiss && React.createElement(PressableSurface, {
+    onPress: handleDismiss
+  }, React.createElement(StyledCloseIcon, {
+    name: "close-outline",
+    type: "ionicon",
+    size: "centi",
+    fontColor: "medium"
+  })));
+};
+
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/esm/components/atoms/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":["React","useCallback","useState","Animated","PressableSurface","StyledCloseIcon","StyledLeftIcon","StyledTagContainer","Tag","value","icon","variant","dismiss","canDismiss","onDismiss","style","rest","setDismiss","fadeAnim","useRef","Value","current","duration","fadeOut","timing","toValue","useNativeDriver","start","handleDismiss","setTimeout","opacity","size","colorVariant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      {...rest}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,SAASC,QAAT,QAAoC,cAApC;AAEA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,eAAT,EAA0BC,cAA1B,EAA0CC,kBAA1C,QAAoE,UAApE;;AAUA,IAAMC,GAAuB,GAAG,SAA1BA,GAA0B,OAQb;EAAA,IAPjBC,KAOiB,QAPjBA,KAOiB;EAAA,IANjBC,IAMiB,QANjBA,IAMiB;EAAA,wBALjBC,OAKiB;EAAA,IALjBA,OAKiB,6BALP,OAKO;EAAA,wBAJjBC,OAIiB;EAAA,IAJRC,UAIQ,6BAJK,KAIL;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,KAEiB,QAFjBA,KAEiB;EAAA,IADdC,IACc;;EACjB,gBAA8Bd,QAAQ,CAAC,KAAD,CAAtC;EAAA;EAAA,IAAOU,OAAP;EAAA,IAAgBK,UAAhB;;EACA,IAAMC,QAAQ,GAAGlB,KAAK,CAACmB,MAAN,CAAa,IAAIhB,QAAQ,CAACiB,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAArD;EACA,IAAMC,QAAQ,GAAG,GAAjB;;EAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;IACpBpB,QAAQ,CAACqB,MAAT,CAAgBN,QAAhB,EAA0B;MACxBO,OAAO,EAAE,CADe;MAExBH,QAAQ,EAARA,QAFwB;MAGxBI,eAAe,EAAE;IAHO,CAA1B,EAIGC,KAJH;EAKD,CAND;;EAQA,IAAMC,aAAa,GAAG3B,WAAW,CAAC,YAAM;IACtCa,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS;IACTS,OAAO;IACPM,UAAU,CAAC;MAAA,OAAMZ,UAAU,CAAC,IAAD,CAAhB;IAAA,CAAD,EAAyBK,QAAzB,CAAV;EACD,CAJgC,EAI9B,CAACR,SAAD,CAJ8B,CAAjC;EAMA,OACE,oBAAC,kBAAD,eACME,IADN;IAEE,OAAO,EAAEL,OAFX;IAGE,KAAK,EAAE,CAAC;MAAEmB,OAAO,EAAEZ;IAAX,CAAD,EAA6CH,KAA7C,CAHT;IAIE,OAAO,EAAE,CAACH;EAJZ,IAMGF,IAAI,IACH,oBAAC,cAAD;IACE,IAAI,EAAEA,IAAI,CAACqB,IAAL,IAAa,OADrB;IAEE,YAAY,EAAErB,IAAI,CAACsB,YAAL,IAAqB;EAFrC,GAGMtB,IAHN,EAPJ,EAaGD,KAbH,EAcGI,UAAU,IACT,oBAAC,gBAAD;IAAkB,OAAO,EAAEe;EAA3B,GACE,oBAAC,eAAD;IACE,IAAI,EAAC,eADP;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfJ,CADF;AA2BD,CAtDD;;AAwDA,eAAepB,GAAf"}

package/esm/components/atoms/Tag/index.d.ts

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

package/esm/components/atoms/Tag/index.js

@@ -0,0 +1,2 @@
+export { default as Tag } from './Tag';
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Tag"],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\nexport type { TagProps } from './Tag';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAApB,QAA+B,OAA/B"}

package/esm/components/atoms/Tag/styled.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Animated, ViewProps } from 'react-native';
+import { IconProps } from '../Icon';
+import { TagProps } from './Tag';
+export declare const StyledTagContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<TagProps> & Partial<import("../../../types/defaults").ThemeProviderProps> & ViewProps & {
+    visible: boolean;
+}, {}, {}>;
+export declare const StyledLeftIcon: import("@emotion/native").StyledComponent<IconProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledCloseIcon: import("@emotion/native").StyledComponent<IconProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/esm/components/atoms/Tag/styled.js

@@ -0,0 +1,39 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { Animated } from 'react-native';
+import { Icon } from '../Icon';
+
+var smallVariant = function smallVariant(_ref) {
+  var theme = _ref.theme,
+      variant = _ref.variant;
+  return variant === 'small' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.micro, theme.spacing.nano, theme.spacing.mili);
+};
+
+var defaultVariant = function defaultVariant(_ref2) {
+  var theme = _ref2.theme,
+      variant = _ref2.variant;
+  return variant === 'default' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.mili, theme.spacing.micro, theme.spacing.centi);
+};
+
+var StyledTagContainerBase = styled(Animated.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ", ";\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.miscellaneous.bodyColor;
+}, function (_ref4) {
+  var visible = _ref4.visible;
+  return visible ? 'flex' : 'none';
+});
+export var StyledTagContainer = styled(StyledTagContainerBase)(function (props) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), smallVariant(props), defaultVariant(props));
+});
+export var StyledLeftIcon = styled(Icon)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.spacing.micro;
+});
+export var StyledCloseIcon = styled(Icon)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing.nano;
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/Tag/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","Animated","Icon","smallVariant","theme","variant","borderRadius","micro","spacing","nano","mili","defaultVariant","centi","StyledTagContainerBase","View","miscellaneous","bodyColor","visible","StyledTagContainer","props","StyledLeftIcon","StyledCloseIcon"],"sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,QAAT,QAAoC,cAApC;AAEA,SAASC,IAAT,QAAgC,SAAhC;;AAGA,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,OAAV,QAAUA,OAAV;EAAA,OACnBA,OAAO,KAAK,OAAZ,IACAL,GADA,6HAEmBI,KAAK,CAACE,YAAN,CAAmBC,KAFtC,EAGaH,KAAK,CAACI,OAAN,CAAcC,IAH3B,EAGmCL,KAAK,CAACI,OAAN,CAAcE,IAHjD,CADmB;AAAA,CAArB;;AAOA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,IAAUC,OAAV,SAAUA,OAAV;EAAA,OACrBA,OAAO,KAAK,SAAZ,IACAL,GADA,+HAEmBI,KAAK,CAACE,YAAN,CAAmBI,IAFtC,EAGaN,KAAK,CAACI,OAAN,CAAcD,KAH3B,EAGoCH,KAAK,CAACI,OAAN,CAAcI,KAHlD,CADqB;AAAA,CAAvB;;AAOA,IAAMC,sBAAsB,GAAGd,MAAM,CAACE,QAAQ,CAACa,IAAV,CAAT,0NAGN;EAAA,IAAGV,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACW,aAAN,CAAoBC,SAAnC;AAAA,CAHM,EAQf;EAAA,IAAGC,OAAH,SAAGA,OAAH;EAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,MAArC;AAAA,CARe,CAA5B;AAWA,OAAO,IAAMC,kBAAkB,GAAGnB,MAAM,CAACc,sBAAD,CAAN,CAChC,UAAAM,KAAK;EAAA,OAAInB,GAAJ,gGACDG,YAAY,CAACgB,KAAD,CADX,EAEDR,cAAc,CAACQ,KAAD,CAFb;AAAA,CAD2B,CAA3B;AAOP,OAAO,IAAMC,cAAc,GAAGrB,MAAM,CAACG,IAAD,CAAT,iGACT;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcD,KAA7B;AAAA,CADS,CAApB;AAIP,OAAO,IAAMc,eAAe,GAAGtB,MAAM,CAACG,IAAD,CAAT,gGACX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcC,IAA7B;AAAA,CADW,CAArB"}

package/esm/components/atoms/Text/Text.d.ts

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '@tecsinapse/react-core';
+import { StyleProp, TextStyle } from 'react-native';
+export interface TextProps {
+    fontColor?: FontColorType;
+    fontWeight?: FontWeightType;
+    typography?: TypographyVariationType;
+    fontStack?: FontStackType;
+    colorVariant?: ColorType;
+    colorTone?: ColorGradationType;
+    numberOfLines?: number;
+    ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
+    textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+    capitalFirst?: boolean;
+    style?: StyleProp<TextStyle>;
+    children?: React.ReactNode;
+}
+declare const Text: FC<TextProps>;
+export default Text;

package/esm/components/atoms/Text/Text.js

@@ -0,0 +1,47 @@
+var _excluded = ["children", "style", "fontColor", "colorTone", "colorVariant", "fontWeight", "typography", "numberOfLines", "ellipsizeMode", "textTransform", "capitalFirst"];
+
+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 { StyledColoredText } from './styled';
+import { getLabel } from './functions';
+
+var Text = function Text(_ref) {
+  var children = _ref.children,
+      style = _ref.style,
+      _ref$fontColor = _ref.fontColor,
+      fontColor = _ref$fontColor === void 0 ? 'dark' : _ref$fontColor,
+      _ref$colorTone = _ref.colorTone,
+      colorTone = _ref$colorTone === void 0 ? 'medium' : _ref$colorTone,
+      colorVariant = _ref.colorVariant,
+      _ref$fontWeight = _ref.fontWeight,
+      fontWeight = _ref$fontWeight === void 0 ? 'regular' : _ref$fontWeight,
+      _ref$typography = _ref.typography,
+      typography = _ref$typography === void 0 ? 'base' : _ref$typography,
+      numberOfLines = _ref.numberOfLines,
+      ellipsizeMode = _ref.ellipsizeMode,
+      _ref$textTransform = _ref.textTransform,
+      textTransform = _ref$textTransform === void 0 ? 'none' : _ref$textTransform,
+      _ref$capitalFirst = _ref.capitalFirst,
+      capitalFirst = _ref$capitalFirst === void 0 ? false : _ref$capitalFirst,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return React.createElement(StyledColoredText, _extends({}, rest, {
+    style: style,
+    fontColor: fontColor,
+    colorTone: colorTone,
+    colorVariant: colorVariant,
+    fontWeight: fontWeight,
+    typography: typography,
+    numberOfLines: numberOfLines,
+    ellipsizeMode: ellipsizeMode,
+    textTransform: textTransform
+  }), getLabel(children, capitalFirst));
+};
+
+export default Text;
+//# sourceMappingURL=Text.js.map

package/esm/components/atoms/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":["React","StyledColoredText","getLabel","Text","children","style","fontColor","colorTone","colorVariant","fontWeight","typography","numberOfLines","ellipsizeMode","textTransform","capitalFirst","rest"],"sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAUA,SAASC,iBAAT,QAAkC,UAAlC;AACA,SAASC,QAAT,QAAyB,aAAzB;;AAwBA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,OAaT;EAAA,IAZjBC,QAYiB,QAZjBA,QAYiB;EAAA,IAXjBC,KAWiB,QAXjBA,KAWiB;EAAA,0BAVjBC,SAUiB;EAAA,IAVjBA,SAUiB,+BAVL,MAUK;EAAA,0BATjBC,SASiB;EAAA,IATjBA,SASiB,+BATL,QASK;EAAA,IARjBC,YAQiB,QARjBA,YAQiB;EAAA,2BAPjBC,UAOiB;EAAA,IAPjBA,UAOiB,gCAPJ,SAOI;EAAA,2BANjBC,UAMiB;EAAA,IANjBA,UAMiB,gCANJ,MAMI;EAAA,IALjBC,aAKiB,QALjBA,aAKiB;EAAA,IAJjBC,aAIiB,QAJjBA,aAIiB;EAAA,8BAHjBC,aAGiB;EAAA,IAHjBA,aAGiB,mCAHD,MAGC;EAAA,6BAFjBC,YAEiB;EAAA,IAFjBA,YAEiB,kCAFF,KAEE;EAAA,IADdC,IACc;;EACjB,OACE,oBAAC,iBAAD,eACMA,IADN;IAEE,KAAK,EAAEV,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEC,SAJb;IAKE,YAAY,EAAEC,YALhB;IAME,UAAU,EAAEC,UANd;IAOE,UAAU,EAAEC,UAPd;IAQE,aAAa,EAAEC,aARjB;IASE,aAAa,EAAEC,aATjB;IAUE,aAAa,EAAEC;EAVjB,IAYGX,QAAQ,CAACE,QAAD,EAAWU,YAAX,CAZX,CADF;AAgBD,CA9BD;;AAgCA,eAAeX,IAAf"}

package/esm/components/atoms/Text/functions.d.ts

@@ -0,0 +1,2 @@
+export declare const getFirstCapitalCharacter: (value: string) => string;
+export declare const getLabel: (children: any, capitalFirst: boolean) => any;

package/esm/components/atoms/Text/functions.js

@@ -0,0 +1,7 @@
+export var getFirstCapitalCharacter = function getFirstCapitalCharacter(value) {
+  return value.charAt(0).toUpperCase().concat(value.slice(1));
+};
+export var getLabel = function getLabel(children, capitalFirst) {
+  return typeof children === 'string' && capitalFirst ? getFirstCapitalCharacter(children) : children;
+};
+//# sourceMappingURL=functions.js.map

package/esm/components/atoms/Text/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","names":["getFirstCapitalCharacter","value","charAt","toUpperCase","concat","slice","getLabel","children","capitalFirst"],"sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"mappings":"AAAA,OAAO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD;EAAA,OACtCA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBC,WAAhB,GAA8BC,MAA9B,CAAqCH,KAAK,CAACI,KAAN,CAAY,CAAZ,CAArC,CADsC;AAAA,CAAjC;AAIP,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,QAAD,EAAWC,YAAX;EAAA,OACtB,OAAOD,QAAP,KAAoB,QAApB,IAAgCC,YAAhC,GACIR,wBAAwB,CAACO,QAAD,CAD5B,GAEIA,QAHkB;AAAA,CAAjB"}

package/esm/components/atoms/Text/index.d.ts

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

package/esm/components/atoms/Text/index.js

@@ -0,0 +1,2 @@
+export { default as Text } from './Text';
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Text"],"sources":["../../../../src/components/atoms/Text/index.ts"],"sourcesContent":["export { default as Text } from './Text';\nexport type { TextProps } from './Text';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC"}

package/esm/components/atoms/Text/styled.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TextProps } from '@tecsinapse/react-core';
+import { Text as RNText } from 'react-native';
+export declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<RNText> | undefined;
+}>;
+export declare const StyledColoredText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    ref?: import("react").Ref<RNText> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/esm/components/atoms/Text/styled.js

@@ -0,0 +1,46 @@
+var _templateObject, _templateObject2;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { Text as RNText } from 'react-native';
+export var StyledText = styled(RNText)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-family: ", ";\n  text-transform: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme,
+      _ref$fontColor = _ref.fontColor,
+      fontColor = _ref$fontColor === void 0 ? 'dark' : _ref$fontColor;
+  return theme.font.color[fontColor];
+}, function (_ref2) {
+  var theme = _ref2.theme,
+      _ref2$fontWeight = _ref2.fontWeight,
+      fontWeight = _ref2$fontWeight === void 0 ? 'regular' : _ref2$fontWeight;
+  return theme.font.weight[fontWeight];
+}, function (_ref3) {
+  var theme = _ref3.theme,
+      _ref3$typography = _ref3.typography,
+      typography = _ref3$typography === void 0 ? 'base' : _ref3$typography;
+  return theme.typography[typography].fontSize;
+}, function (_ref4) {
+  var theme = _ref4.theme,
+      _ref4$typography = _ref4.typography,
+      typography = _ref4$typography === void 0 ? 'base' : _ref4$typography;
+  return theme.typography[typography].lineHeight;
+}, function (_ref5) {
+  var theme = _ref5.theme,
+      _ref5$fontStack = _ref5.fontStack,
+      fontStack = _ref5$fontStack === void 0 ? 'default' : _ref5$fontStack;
+  return "'".concat(theme.font.stack[fontStack], "'");
+}, function (_ref6) {
+  var _ref6$textTransform = _ref6.textTransform,
+      textTransform = _ref6$textTransform === void 0 ? 'none' : _ref6$textTransform;
+  return "".concat(textTransform);
+});
+
+var colorStyles = function colorStyles(_ref7) {
+  var colorVariant = _ref7.colorVariant,
+      colorTone = _ref7.colorTone,
+      theme = _ref7.theme;
+  return colorVariant && colorTone && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme.color[colorVariant][colorTone]);
+};
+
+export var StyledColoredText = styled(StyledText)(colorStyles);
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/Text/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","Text","RNText","StyledText","theme","fontColor","font","color","fontWeight","weight","typography","fontSize","lineHeight","fontStack","stack","textTransform","colorStyles","colorVariant","colorTone","StyledColoredText"],"sources":["../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAEA,SAASC,IAAI,IAAIC,MAAjB,QAA+B,cAA/B;AAEA,OAAO,IAAMC,UAAU,GAAGJ,MAAM,CAACG,MAAD,CAAT,uMACZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,0BAAUC,SAAV;EAAA,IAAUA,SAAV,+BAAsB,MAAtB;EAAA,OAAmCD,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBF,SAAjB,CAAnC;AAAA,CADY,EAEN;EAAA,IAAGD,KAAH,SAAGA,KAAH;EAAA,6BAAUI,UAAV;EAAA,IAAUA,UAAV,iCAAuB,SAAvB;EAAA,OACbJ,KAAK,CAACE,IAAN,CAAWG,MAAX,CAAkBD,UAAlB,CADa;AAAA,CAFM,EAIR;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,6BAAUM,UAAV;EAAA,IAAUA,UAAV,iCAAuB,MAAvB;EAAA,OACXN,KAAK,CAACM,UAAN,CAAiBA,UAAjB,EAA6BC,QADlB;AAAA,CAJQ,EAMN;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,6BAAUM,UAAV;EAAA,IAAUA,UAAV,iCAAuB,MAAvB;EAAA,OACbN,KAAK,CAACM,UAAN,CAAiBA,UAAjB,EAA6BE,UADhB;AAAA,CANM,EAQN;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,4BAAUS,SAAV;EAAA,IAAUA,SAAV,gCAAsB,SAAtB;EAAA,kBACTT,KAAK,CAACE,IAAN,CAAWQ,KAAX,CAAiBD,SAAjB,CADS;AAAA,CARM,EAUH;EAAA,gCAAGE,aAAH;EAAA,IAAGA,aAAH,oCAAmB,MAAnB;EAAA,iBAAmCA,aAAnC;AAAA,CAVG,CAAhB;;AAaP,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,IAClBC,YADkB,SAClBA,YADkB;EAAA,IAElBC,SAFkB,SAElBA,SAFkB;EAAA,IAGlBd,KAHkB,SAGlBA,KAHkB;EAAA,OAKlBa,YAAY,IACZC,SADA,IAEAlB,GAFA,8FAGWI,KAAK,CAACG,KAAN,CAAYU,YAAZ,EAA0BC,SAA1B,CAHX,CALkB;AAAA,CAApB;;AAWA,OAAO,IAAMC,iBAAiB,GAAGpB,MAAM,CAACI,UAAD,CAAN,CAE/Ba,WAF+B,CAA1B"}

package/esm/components/atoms/shared/PaperAndCard.d.ts

@@ -0,0 +1,5 @@
+import { StyleProps } from '@tecsinapse/react-core';
+export declare const baseStyles: ({ theme }: StyleProps) => any;
+export declare const elevatedStyles: ({ theme, elevated, }: {
+    elevated?: boolean | undefined;
+} & import("@tecsinapse/react-core").ThemeProviderProps) => any;

package/esm/components/atoms/shared/PaperAndCard.js

@@ -0,0 +1,25 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { css } from '@emotion/native';
+export var baseStyles = function baseStyles(_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n"])), theme.borderRadius.mili, theme.miscellaneous.surfaceColor);
+};
+export var elevatedStyles = function elevatedStyles(_ref2) {
+  var theme = _ref2.theme,
+      _ref2$elevated = _ref2.elevated,
+      elevated = _ref2$elevated === void 0 ? false : _ref2$elevated;
+  return elevated && [css({
+    shadowColor: theme.miscellaneous.shadow,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 5,
+    elevation: 2
+  })];
+};
+//# sourceMappingURL=PaperAndCard.js.map

package/esm/components/atoms/shared/PaperAndCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaperAndCard.js","names":["css","baseStyles","theme","borderRadius","mili","miscellaneous","surfaceColor","elevatedStyles","elevated","shadowColor","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation"],"sources":["../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,iBAApB;AAIA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAgCF,GAAhC,2HACPE,KAAK,CAACC,YAAN,CAAmBC,IADZ,EAEJF,KAAK,CAACG,aAAN,CAAoBC,YAFhB;AAAA,CAAnB;AAMP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAC5BL,KAD4B,SAC5BA,KAD4B;EAAA,2BAE5BM,QAF4B;EAAA,IAE5BA,QAF4B,+BAEjB,KAFiB;EAAA,OAI5BA,QAAQ,IAAI,CACVR,GAAG,CAAC;IACFS,WAAW,EAAEP,KAAK,CAACG,aAAN,CAAoBK,MAD/B;IAEFC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAT;MAAYC,MAAM,EAAE;IAApB,CAFZ;IAGFC,aAAa,EAAE,IAHb;IAIFC,YAAY,EAAE,CAJZ;IAKFC,SAAS,EAAE;EALT,CAAD,CADO,CAJgB;AAAA,CAAvB"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export declare type SelectionType = 'range' | 'day';
+export declare type DateRange = {
+    lowest: Date;
+    highest?: Date;
+};
+export declare type Value<T extends SelectionType> = T extends 'range' ? DateRange : Date;
+export interface CalendarProps<T extends SelectionType> extends ViewProps {
+    TextComponent?: React.FC<TextProps>;
+    year?: number;
+    month?: number;
+    onChange?: (value?: Value<T>) => void | never;
+    type?: T;
+    value?: Value<T>;
+    locale?: Locale;
+}
+declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, ...rest }: CalendarProps<T>): JSX.Element;
+export default Calendar;

package/esm/components/molecules/Calendar/Calendar.js

@@ -0,0 +1,144 @@
+var _excluded = ["TextComponent", "year", "month", "value", "type", "onChange", "locale"];
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 { add, format, getWeeksInMonth, set } from 'date-fns';
+import * as React from 'react';
+import { View } from 'react-native';
+import { Icon } from '../../atoms/Icon';
+import { Text } from '../../atoms/Text';
+import { Content, Control, getCapitalizedTextComponent, TitleContainer } from './styled';
+import { Weekdays, MonthWeek } from './components';
+var now = set(new Date(), {
+  date: 1,
+  hours: 0,
+  minutes: 0,
+  seconds: 0,
+  milliseconds: 0
+});
+
+function dayOfWeekFromWeekStart(dayOfWeek, weekStartsOn) {
+  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;
+}
+
+function Calendar(_ref) {
+  var _ref$TextComponent = _ref.TextComponent,
+      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
+      _year = _ref.year,
+      _month = _ref.month,
+      value = _ref.value,
+      type = _ref.type,
+      onChange = _ref.onChange,
+      locale = _ref.locale,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _referenceDate = React.useMemo(function () {
+    return _year && _month ? new Date(_year, _month, 1, 0, 0, 0, 0) : _month ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0) : now;
+  }, [_year, _month]);
+
+  var _React$useState = React.useState(_referenceDate),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      referenceDate = _React$useState2[0],
+      setReferenceDate = _React$useState2[1];
+
+  var startingWeekDay = React.useMemo(function () {
+    var _locale$options$weekS, _locale$options;
+
+    return dayOfWeekFromWeekStart(referenceDate.getDay(), (_locale$options$weekS = locale === null || locale === void 0 ? void 0 : (_locale$options = locale.options) === null || _locale$options === void 0 ? void 0 : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : 0);
+  }, [referenceDate, locale]);
+  var weeksInMonth = React.useMemo(function () {
+    var _locale$options$weekS2, _locale$options2;
+
+    return getWeeksInMonth(referenceDate, {
+      weekStartsOn: (_locale$options$weekS2 = locale === null || locale === void 0 ? void 0 : (_locale$options2 = locale.options) === null || _locale$options2 === void 0 ? void 0 : _locale$options2.weekStartsOn) !== null && _locale$options$weekS2 !== void 0 ? _locale$options$weekS2 : 0
+    });
+  }, [referenceDate, locale]);
+  var Capitalized = React.useMemo(function () {
+    return getCapitalizedTextComponent(TextComponent);
+  }, [TextComponent]);
+  var calendar = React.useMemo(function () {
+    return _toConsumableArray(Array(weeksInMonth).keys()).map(function (week) {
+      return _toConsumableArray(Array(7).keys()).map(function (weekDayIndex) {
+        return add(referenceDate, {
+          days: 6 * week + week + weekDayIndex - startingWeekDay
+        });
+      });
+    });
+  }, [weeksInMonth, startingWeekDay, referenceDate]);
+  var handlePressNext = React.useCallback(function () {
+    setReferenceDate(add(referenceDate, {
+      months: 1
+    }));
+  }, [referenceDate, setReferenceDate]);
+  var handlePressPrev = React.useCallback(function () {
+    setReferenceDate(add(referenceDate, {
+      months: -1
+    }));
+  }, [referenceDate, setReferenceDate]);
+  return React.createElement(View, rest, React.createElement(TitleContainer, null, React.createElement(Control, {
+    onPress: handlePressPrev,
+    align: 'start',
+    isLeft: true
+  }, React.createElement(Icon, {
+    name: 'chevron-left',
+    type: 'material-community',
+    size: 'kilo',
+    colorVariant: 'secondary',
+    colorTone: 'medium'
+  })), React.createElement(Capitalized, {
+    colorVariant: 'secondary',
+    colorTone: 'xdark',
+    fontWeight: 'bold'
+  }, format(referenceDate, 'MMMM yyyy', {
+    locale: locale
+  })), React.createElement(Control, {
+    onPress: handlePressNext,
+    align: 'end',
+    isRright: true
+  }, React.createElement(Icon, {
+    name: 'chevron-right',
+    type: 'material-community',
+    size: 'kilo',
+    colorVariant: 'secondary',
+    colorTone: 'medium'
+  }))), React.createElement(Content, null, React.createElement(Weekdays, {
+    locale: locale,
+    calendar: calendar,
+    Capitalized: Capitalized
+  }), calendar.map(function (week, index) {
+    return React.createElement(MonthWeek, {
+      week: week,
+      type: type,
+      value: value,
+      key: "week-".concat(index),
+      onChange: onChange,
+      TextComponent: TextComponent,
+      referenceDate: referenceDate
+    });
+  })));
+}
+
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":["add","format","getWeeksInMonth","set","React","View","Icon","Text","Content","Control","getCapitalizedTextComponent","TitleContainer","Weekdays","MonthWeek","now","Date","date","hours","minutes","seconds","milliseconds","dayOfWeekFromWeekStart","dayOfWeek","weekStartsOn","Calendar","TextComponent","_year","year","_month","month","value","type","onChange","locale","rest","_referenceDate","useMemo","getFullYear","useState","referenceDate","setReferenceDate","startingWeekDay","getDay","options","weeksInMonth","Capitalized","calendar","Array","keys","map","week","weekDayIndex","days","handlePressNext","useCallback","months","handlePressPrev","index"],"sources":["../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n  Content,\n  Control,\n  getCapitalizedTextComponent,\n  TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n  ? DateRange\n  : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  year?: number;\n  month?: number;\n  onChange?: (value?: Value<T>) => void | never;\n  type?: T;\n  value?: Value<T>;\n  locale?: Locale;\n}\n\nconst now = set(new Date(), {\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n  TextComponent = Text,\n  year: _year,\n  month: _month,\n  value,\n  type,\n  onChange,\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element {\n  const _referenceDate = React.useMemo(\n    () =>\n      _year && _month\n        ? new Date(_year, _month, 1, 0, 0, 0, 0)\n        : _month\n        ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n        : now,\n    [_year, _month]\n  );\n\n  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n  const startingWeekDay = React.useMemo(\n    () =>\n      dayOfWeekFromWeekStart(\n        referenceDate.getDay(),\n        locale?.options?.weekStartsOn ?? 0\n      ),\n    [referenceDate, locale]\n  );\n\n  const weeksInMonth = React.useMemo(\n    () =>\n      getWeeksInMonth(referenceDate, {\n        weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n      }),\n    [referenceDate, locale]\n  );\n\n  const Capitalized = React.useMemo(\n    () => getCapitalizedTextComponent(TextComponent),\n    [TextComponent]\n  );\n\n  const calendar = React.useMemo(\n    () =>\n      [...Array(weeksInMonth).keys()].map(week =>\n        [...Array(7).keys()].map(weekDayIndex =>\n          add(referenceDate, {\n            days: 6 * week + week + weekDayIndex - startingWeekDay,\n          })\n        )\n      ),\n    [weeksInMonth, startingWeekDay, referenceDate]\n  );\n\n  const handlePressNext = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: 1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  const handlePressPrev = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: -1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  return (\n    <View {...rest}>\n      <TitleContainer>\n        <Control onPress={handlePressPrev} align={'start'} isLeft>\n          <Icon\n            name={'chevron-left'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n        <Capitalized\n          colorVariant={'secondary'}\n          colorTone={'xdark'}\n          fontWeight={'bold'}\n        >\n          {format(referenceDate, 'MMMM yyyy', { locale })}\n        </Capitalized>\n        <Control onPress={handlePressNext} align={'end'} isRright>\n          <Icon\n            name={'chevron-right'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n      </TitleContainer>\n      <Content>\n        <Weekdays\n          locale={locale}\n          calendar={calendar}\n          Capitalized={Capitalized}\n        />\n        {calendar.map((week, index) => (\n          <MonthWeek\n            week={week}\n            type={type}\n            value={value}\n            key={`week-${index}`}\n            onChange={onChange}\n            TextComponent={TextComponent}\n            referenceDate={referenceDate}\n          />\n        ))}\n      </Content>\n    </View>\n  );\n}\n\nexport default Calendar;\n"],"mappings":"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"}

package/esm/components/molecules/Calendar/components/MonthWeek.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Value, SelectionType } from '../Calendar';
+import { TextProps } from '@tecsinapse/react-core';
+interface IMonthWeek<T extends SelectionType> {
+    TextComponent: React.FC<TextProps>;
+    onChange?: (value?: any) => void | never;
+    type?: T;
+    value?: Value<T>;
+    week: Date[];
+    referenceDate: Date;
+}
+declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => JSX.Element)>;
+export default _default;