@tecsinapse/react-core 1.21.1-beta.1 → 1.21.1-beta.3

package/esm/types/defaults.d.ts

@@ -1,134 +0,0 @@
-import { ReactNode } from 'react';
-export declare type Color = {
-    primary: ColorGradation;
-    secondary: ColorGradation;
-    error: ColorGradation;
-    success: ColorGradation;
-    info: ColorGradation;
-    warning: ColorGradation;
-};
-export declare type TypographyVariation = {
-    h1: Typography;
-    h2: Typography;
-    h3: Typography;
-    h4: Typography;
-    h5: Typography;
-    base: Typography;
-    sub: Typography;
-    label: Typography;
-};
-export declare type Miscellaneous = {
-    shadow: string;
-    overlay: string;
-    bodyColor: string;
-    surfaceColor: string;
-};
-export declare type Spacing = {
-    nano: string;
-    micro: string;
-    mili: string;
-    centi: string;
-    deca: string;
-    kilo: string;
-    mega: string;
-    giga: string;
-    tera: string;
-    peta: string;
-    hexa: string;
-};
-export declare type IconSize = {
-    micro: string;
-    mili: string;
-    centi: string;
-    deca: string;
-    kilo: string;
-    mega: string;
-};
-export declare type BorderRadius = {
-    nano: string;
-    micro: string;
-    mili: string;
-    centi: string;
-    deca: string;
-    pill: string;
-};
-export declare type BorderWidth = {
-    pico: string;
-    nano: string;
-};
-export declare type Typography = {
-    lineHeight: string;
-    fontSize: string;
-};
-export declare type ColorGradation = {
-    xlight: string;
-    light: string;
-    medium: string;
-    dark: string;
-    xdark: string;
-};
-export declare type FontStack = {
-    default: string;
-    mono: string;
-};
-export declare type FontColor = {
-    light: string;
-    medium: string;
-    dark: string;
-    orange: string;
-};
-export declare type ZIndex = {
-    default: number;
-    absolute: number;
-    drawer: number;
-    select: number;
-    input: number;
-    popover: number;
-    tooltip: number;
-    header: number;
-    backdrop: number;
-    sidebar: number;
-    modal: number;
-};
-export declare type FontWeight = {
-    regular: string;
-    bold: string;
-    black: string;
-};
-export declare type Breakpoints = {
-    sm: number;
-    md: number;
-    lg: number;
-};
-export declare type ThemeProp = {
-    color: Color;
-    miscellaneous: Miscellaneous;
-    spacing: Spacing;
-    iconSize: IconSize;
-    borderRadius: BorderRadius;
-    borderWidth: BorderWidth;
-    typography: TypographyVariation;
-    font: {
-        color: FontColor;
-        stack: FontStack;
-        weight: FontWeight;
-        files: FontWeight;
-    };
-    zIndex: ZIndex;
-    breakpoints: Breakpoints;
-};
-export interface ThemeProviderProps {
-    children?: ReactNode;
-    theme: ThemeProp;
-}
-export declare type StyleProps = ThemeProviderProps;
-export declare type ColorType = keyof Color;
-export declare type SpacingType = keyof Spacing;
-export declare type TypographyVariationType = keyof TypographyVariation;
-export declare type FontWeightType = keyof FontWeight;
-export declare type VariantType = 'filled' | 'outlined' | 'text';
-export declare type ColorGradationType = keyof ColorGradation;
-export declare type FontColorType = keyof FontColor;
-export declare type BorderRadiusType = keyof BorderRadius;
-export declare type FontStackType = keyof FontStack;
-export declare type IconSizeType = keyof IconSize;

package/esm/utils/IPhoneXHelper.d.ts

@@ -1,4 +0,0 @@
-export declare function isIphoneX(): boolean;
-export declare function ifIphoneX(iphoneXStyle: any, regularStyle: any): any;
-export declare function getStatusBarHeight(safe: any): any;
-export declare function getBottomSpace(): 0 | 34;

package/esm/utils/IPhoneXHelper.js

@@ -1,25 +0,0 @@
-import { Dimensions, Platform, StatusBar } from 'react-native';
-
-function isIphoneX() {
-  const dimen = Dimensions.get("window");
-  return Platform.OS === "ios" && !Platform.isPad && !Platform.isTVOS && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
-}
-function ifIphoneX(iphoneXStyle, regularStyle) {
-  if (isIphoneX()) {
-    return iphoneXStyle;
-  }
-  return regularStyle;
-}
-function getStatusBarHeight(safe) {
-  return Platform.select({
-    ios: ifIphoneX(safe ? 44 : 30, 20),
-    android: StatusBar.currentHeight,
-    default: 0
-  });
-}
-function getBottomSpace() {
-  return isIphoneX() ? 34 : 0;
-}
-
-export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX };
-//# sourceMappingURL=IPhoneXHelper.js.map

package/esm/utils/IPhoneXHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IPhoneXHelper.js","sources":["../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n  const dimen = Dimensions.get('window');\n  return (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    !Platform.isTVOS &&\n    (dimen.height === 780 ||\n      dimen.width === 780 ||\n      dimen.height === 812 ||\n      dimen.width === 812 ||\n      dimen.height === 844 ||\n      dimen.width === 844 ||\n      dimen.height === 896 ||\n      dimen.width === 896 ||\n      dimen.height === 926 ||\n      dimen.width === 926)\n  );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n  if (isIphoneX()) {\n    return iphoneXStyle;\n  }\n  return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n  return Platform.select({\n    ios: ifIphoneX(safe ? 44 : 30, 20),\n    android: StatusBar.currentHeight,\n    default: 0,\n  });\n}\n\nexport function getBottomSpace() {\n  return isIphoneX() ? 34 : 0;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACE,SAAS,EAAO,KAAA,KAAA,IAChB,CAAC,QAAA,CAAS,SACV,CAAC,QAAA,CAAS,MACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAO,SAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAAS,SAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;"}

package/esm/utils/ResponsiveFontSize.d.ts

@@ -1,3 +0,0 @@
-export declare const RFPercentage: (percent: number) => number;
-export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
-export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;

package/esm/utils/ResponsiveFontSize.js

@@ -1,32 +0,0 @@
-import { Platform, Dimensions, StatusBar } from 'react-native';
-import { extractNumbersFromString } from './extractNumbersFromString.js';
-import { isIphoneX } from './IPhoneXHelper.js';
-
-const STANDARD_SCREEN_HEIGHT = 680;
-const RFPercentage = (percent) => {
-  if (Platform.OS === "web")
-    return percent;
-  const { height, width } = Dimensions.get("window");
-  const standardLength = width > height ? width : height;
-  const offset = width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight || 0;
-  const deviceHeight = isIphoneX() || Platform.OS === "android" ? standardLength - offset : standardLength;
-  const heightPercent = percent * deviceHeight / 100;
-  return Math.round(heightPercent);
-};
-const RFValue = (fontSize, standardScreenHeight = STANDARD_SCREEN_HEIGHT) => {
-  if (Platform.OS === "web")
-    return fontSize;
-  const { height, width } = Dimensions.get("window");
-  const standardLength = width > height ? width : height;
-  const offset = width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight || 0;
-  const deviceHeight = isIphoneX() || Platform.OS === "android" ? standardLength - offset : standardLength;
-  const heightPercent = fontSize * deviceHeight / standardScreenHeight;
-  return Math.round(heightPercent);
-};
-const RFValueStr = (fontSize, standardScreenHeight) => {
-  const _fontSize = extractNumbersFromString(fontSize);
-  return `${RFValue(_fontSize, standardScreenHeight)}px`;
-};
-
-export { RFPercentage, RFValue, RFValueStr };
-//# sourceMappingURL=ResponsiveFontSize.js.map

package/esm/utils/ResponsiveFontSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveFontSize.js","sources":["../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAI,SAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,UAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACA,SAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJ,SAAU,EAAA,IAAK,SAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAI,SAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,UAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACA,SAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJ,SAAU,EAAA,IAAK,SAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAY,yBAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;"}

package/esm/utils/extractNumbersFromString.d.ts

@@ -1,2 +0,0 @@
-export declare const extractNumbersFromString: (value: string) => number;
-export declare const extractDigitsFromString: (value: string) => string;

package/esm/utils/extractNumbersFromString.js

@@ -1,5 +0,0 @@
-const extractNumbersFromString = (value) => Number(extractDigitsFromString(value));
-const extractDigitsFromString = (value) => value.replace(/[^0-9]/g, "");
-
-export { extractDigitsFromString, extractNumbersFromString };
-//# sourceMappingURL=extractNumbersFromString.js.map

package/esm/utils/extractNumbersFromString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extractNumbersFromString.js","sources":["../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":"AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;"}

package/esm/utils/formatWithMask.d.ts

@@ -1,3 +0,0 @@
-import { MaskType, CurrencyOptions } from '../components/atoms/Input';
-import currency from 'currency.js';
-export declare const formatWithMask: (mask: MaskType[] | currency.Options | ((value: string) => MaskType[]), value: string | number) => string | number;

package/esm/utils/formatWithMask.js

@@ -1,26 +0,0 @@
-import 'react';
-import '../components/atoms/Text/styled.js';
-import '../components/atoms/Input/styled.js';
-import { getInternalNumberAndMask } from '../components/atoms/Input/hooks/useNumberMask.js';
-import { getMask, mergeMask } from '../components/atoms/Input/hooks/useStringMask.js';
-import '../components/atoms/Input/InputElement/InputElement.js';
-import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';
-import '../components/atoms/Input/PressableInputContainer/styled.js';
-import currency from 'currency.js';
-
-const formatWithMask = (mask, value) => {
-  if (Array.isArray(mask) || typeof mask === "function") {
-    const selectedMask = getMask(mask, String(value));
-    const { formatted } = mergeMask(String(value), selectedMask);
-    return formatted || "";
-  } else {
-    const { internalNumber, mergedOptions } = getInternalNumberAndMask(
-      value,
-      mask
-    );
-    return currency(internalNumber).format(mergedOptions);
-  }
-};
-
-export { formatWithMask };
-//# sourceMappingURL=formatWithMask.js.map

package/esm/utils/formatWithMask.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatWithMask.js","sources":["../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAA,OAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAI,UAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAA,wBAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAO,QAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}

package/esm/utils/index.d.ts

@@ -1,7 +0,0 @@
-export { extractDigitsFromString, extractNumbersFromString, } from './extractNumbersFromString';
-export * from './formatWithMask';
-export * from './IPhoneXHelper';
-export { lightenDarkenColor } from './lightenDarkenColor';
-export * from './masks';
-export * from './ResponsiveFontSize';
-export * from './variantComplement';

package/esm/utils/lightenDarkenColor.d.ts

@@ -1 +0,0 @@
-export declare const lightenDarkenColor: (color: string, variation: number) => string;

package/esm/utils/lightenDarkenColor.js

@@ -1,27 +0,0 @@
-const lightenDarkenColor = (color, variation) => {
-  let usePound = false;
-  if (color[0] == "#") {
-    color = color.slice(1);
-    usePound = true;
-  }
-  const num = parseInt(color, 16);
-  let r = (num >> 16) + variation;
-  if (r > 255)
-    r = 255;
-  else if (r < 0)
-    r = 0;
-  let b = (num >> 8 & 255) + variation;
-  if (b > 255)
-    b = 255;
-  else if (b < 0)
-    b = 0;
-  let g = (num & 255) + variation;
-  if (g > 255)
-    g = 255;
-  else if (g < 0)
-    g = 0;
-  return (usePound ? "#" : "") + (g | b << 8 | r << 16).toString(16);
-};
-
-export { lightenDarkenColor };
-//# sourceMappingURL=lightenDarkenColor.js.map

package/esm/utils/lightenDarkenColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightenDarkenColor.js","sources":["../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":"AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,MAAM,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}

package/esm/utils/masks.d.ts

@@ -1,11 +0,0 @@
-export declare const Masks: {
-    CPF: string[];
-    CNPJ: string[];
-    DATE: string[];
-    MONTH_YEAR: string[];
-    CEP: string[];
-    PHONE: string[];
-    PHONE_EXTENDED: string[];
-    COMBINED_PHONE: (value: string) => string[];
-    COMBINED_CPF_CNPJ: (value: string) => string[];
-};

package/esm/utils/masks.js

@@ -1,20 +0,0 @@
-import { extractDigitsFromString } from './extractNumbersFromString.js';
-
-const Masks = {
-  CPF: ["999.999.999-99"],
-  CNPJ: ["99.999.999/9999-99"],
-  DATE: ["99/99/9999"],
-  MONTH_YEAR: ["99/9999"],
-  CEP: ["99999-999"],
-  PHONE: ["(99) 9999-9999"],
-  PHONE_EXTENDED: ["(99) 99999-9999"],
-  COMBINED_PHONE: (value) => {
-    const onlyNumbers = extractDigitsFromString(value);
-    const isCellPhoneExtended = onlyNumbers.length === 11;
-    return (value == null ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
-  },
-  COMBINED_CPF_CNPJ: (value) => (value == null ? void 0 : value.length) <= 14 ? Masks.CPF : Masks.CNPJ
-};
-
-export { Masks };
-//# sourceMappingURL=masks.js.map

package/esm/utils/masks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masks.js","sources":["../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAc,wBAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAA,CAAO,+BAAO,MAAU,KAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,WAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}

package/esm/utils/variantComplement.d.ts

@@ -1,6 +0,0 @@
-import { ColorGradationType, ColorType, FontColorType, VariantType } from '../types/defaults';
-export declare const fontColorVC: Record<VariantType, FontColorType>;
-export declare const colorVC: Record<VariantType, ColorType>;
-export declare const colorGradationVC: Record<VariantType, ColorGradationType>;
-export declare const borderColorVC: Record<VariantType, ColorType>;
-export declare const borderColorGradationVC: Record<VariantType, ColorGradationType>;

package/esm/utils/variantComplement.js

@@ -1,28 +0,0 @@
-const fontColorVC = {
-  filled: "light",
-  outlined: "orange",
-  text: "orange"
-};
-const colorVC = {
-  filled: "primary",
-  outlined: "primary",
-  text: "primary"
-};
-const colorGradationVC = {
-  filled: "dark",
-  outlined: "dark",
-  text: "dark"
-};
-const borderColorVC = {
-  filled: "primary",
-  outlined: "primary",
-  text: "primary"
-};
-const borderColorGradationVC = {
-  filled: "dark",
-  outlined: "dark",
-  text: "dark"
-};
-
-export { borderColorGradationVC, borderColorVC, colorGradationVC, colorVC, fontColorVC };
-//# sourceMappingURL=variantComplement.js.map

package/esm/utils/variantComplement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variantComplement.js","sources":["../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n  filled: 'light',\n  outlined: 'orange',\n  text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n"],"names":[],"mappings":"AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;"}

package/rollup.config.js

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

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { default as Avatar, AvatarProps } from './Avatar';
-import { Story } from '@storybook/react';
-
-export default {
-  title: 'Hybrid/Avatar',
-  component: Avatar,
-};
-
-const Template: Story<AvatarProps> = args => <Avatar {...args} />;
-
-export const Base = Template.bind({});
-
-Base.args = {
-  source: {
-    uri: 'https://www.shareicon.net/data/512x512/2016/05/24/770117_people_512x512.png',
-  },
-  name: 'João',
-  onPress: () => alert('onPress callback'),
-  size: 'mega',
-};

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

@@ -1,56 +0,0 @@
-import React, { FC } from 'react';
-import { ImageSourcePropType } from 'react-native';
-import { IconSize } from '../../../types/defaults';
-import { Text, TextProps } from '../Text';
-import { getIniciais } from './helpers';
-import {
-  ContainerButtonAvatar,
-  getStyledTextComponent,
-  StyledAvatar,
-  StyledBackground,
-} from './styled';
-
-export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
-
-export interface AvatarProps {
-  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.
-   * For local assets, you shold use `require('./logo.png')`. */
-  source?: ImageSourcePropType;
-  name: string;
-  onPress?: () => void;
-  size?: keyof SizeAvatar;
-  TextComponent?: FC<TextProps>;
-}
-
-const Avatar: React.FC<AvatarProps> = ({
-  source,
-  name,
-  onPress,
-  size = 'mega',
-  TextComponent = Text,
-}) => {
-  const [hasError, setHasError] = React.useState<boolean>(false);
-
-  // If the source changes in runtime, this prevents error from being true always (fallback)
-  React.useEffect(() => {
-    setHasError(false);
-  }, [source]);
-
-  const StyledText = getStyledTextComponent(TextComponent);
-
-  return (
-    <ContainerButtonAvatar effect="none" onPress={onPress} size={size}>
-      {source && !hasError ? (
-        <StyledAvatar source={source} onError={() => setHasError(true)} />
-      ) : (
-        <StyledBackground>
-          <StyledText fontWeight="bold" fontColor="light">
-            {getIniciais(name)}
-          </StyledText>
-        </StyledBackground>
-      )}
-    </ContainerButtonAvatar>
-  );
-};
-
-export default Avatar;

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

@@ -1,10 +0,0 @@
-export const getIniciais = (name: string): string => {
-  const nameSplit = name.split(' ');
-  if (nameSplit.length > 1) {
-    return nameSplit
-      .slice(0, 2)
-      .map(name => name[0])
-      .join('');
-  }
-  return name[0];
-};

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

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

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

@@ -1,43 +0,0 @@
-import styled from '@emotion/native';
-import { FC } from 'react';
-import { Image, View } from 'react-native';
-import { StyleProps } from '../../../types/defaults';
-import { PressableSurface } from '../PressableSurface';
-import { TextProps } from '../Text';
-import { AvatarProps } from './Avatar';
-
-export const ContainerButtonAvatar = styled(PressableSurface)<
-  Partial<StyleProps & AvatarProps>
->`
-  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>
-    theme.iconSize[size]};
-  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>
-    theme.iconSize[size]};
-`;
-
-export const StyledAvatar = styled(Image)<Partial<StyleProps>>`
-  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-`;
-
-export const StyledBackground = styled(View)<Partial<StyleProps>>`
-  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};
-  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: row;
-`;
-
-export const getStyledTextComponent = (component: FC<TextProps>) => {
-  return styled(component)`
-    text-transform: uppercase;
-    text-align: center;
-    align-self: center;
-    flex: 1;
-  `;
-};

package/src/components/atoms/Badge/Badge.tsx

@@ -1,30 +0,0 @@
-import React, { FC } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
-import { BadgeStyle, ViewStyled } from './styled';
-
-export interface BadgeProps {
-  color: ColorType;
-  tone?: ColorGradationType;
-  style?: StyleProp<ViewStyle>;
-  value: React.ReactNode;
-}
-
-const Badge: FC<BadgeProps> = ({
-  children,
-  style,
-  color = 'primary',
-  tone = 'medium',
-  value,
-}): JSX.Element => {
-  return (
-    <ViewStyled>
-      {children}
-      <BadgeStyle style={style} color={color} tone={tone}>
-        {value}
-      </BadgeStyle>
-    </ViewStyled>
-  );
-};
-
-export default Badge;

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

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

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

@@ -1,34 +0,0 @@
-import styled, { css } from '@emotion/native';
-import { View } from 'react-native';
-import { StyleProps } from '../../../types/defaults';
-import { RFValue } from '../../../utils';
-import { BadgeProps } from './Badge';
-
-const baseStyle = ({
-  theme,
-  color = 'primary',
-  tone = 'medium',
-}: StyleProps & Partial<BadgeProps>) => {
-  return css`
-    border-radius: ${theme.borderRadius.pill};
-    background-color: ${theme.color[color][tone]};
-    position: absolute;
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    height: ${theme.iconSize.centi};
-    width: ${theme.iconSize.centi};
-    top: ${`${RFValue(-4)}px`};
-    right: ${`${RFValue(-4)}px`};
-  `;
-};
-
-export const BadgeStyle =
-  styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);
-
-export const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  align-self: center;
-`;