creactive 0.0.133 → 0.0.135

package/build/helpers/dimension/constants/index.d.ts

@@ -0,0 +1 @@
+export { DimensionUnit } from './unit';

package/build/helpers/dimension/constants/unit.d.ts

@@ -0,0 +1,4 @@
+export declare enum DimensionUnit {
+    PIXEL = 0,
+    PERCENT = 1
+}

package/build/helpers/dimension/dimension.d.ts

@@ -0,0 +1,9 @@
+import { DimensionUnit } from './constants';
+import type { DimensionValue } from './dimension.types';
+export declare class Dimension {
+    static readonly Unit: typeof DimensionUnit;
+    private readonly unit;
+    private readonly value;
+    constructor(value: number, unit: DimensionUnit);
+    toValue(): DimensionValue;
+}

package/build/helpers/dimension/dimension.types.d.ts

@@ -0,0 +1 @@
+export type DimensionValue = number | `${number}%`;

package/build/helpers/dimension/index.d.ts

@@ -0,0 +1,2 @@
+export { Dimension } from './dimension';
+export type { DimensionValue } from './dimension.types';

package/build/helpers/fraction/fraction.d.ts

@@ -1,5 +1,6 @@
+import type { FractionValue } from './fraction.types';
 export declare class Fraction {
     private readonly value;
     constructor(value: number);
-    toValue(): number;
+    toValue(): FractionValue;
 }

package/build/helpers/fraction/fraction.types.d.ts

@@ -0,0 +1 @@
+export type FractionValue = number;

package/build/helpers/fraction/index.d.ts

@@ -1 +1,2 @@
 export { Fraction } from './fraction';
+export type { FractionValue } from './fraction.types';

package/build/helpers/index.d.ts

@@ -1,7 +1,6 @@
-export { Fraction } from '../helpers/fraction';
-export { Position } from '../helpers/position';
-export type { PositionValue } from '../helpers/position';
-export { Size } from '../helpers/size';
-export type { SizeValue } from '../helpers/size';
 export { renderReactNativeInitialStyle } from '../helpers/style';
 export type { RenderReactNativeInitialStyleHelper } from '../helpers/style';
+export { Dimension } from './dimension';
+export type { DimensionValue } from './dimension';
+export { Fraction } from './fraction';
+export type { FractionValue } from './fraction';

package/build/index.d.ts

@@ -4,7 +4,6 @@ export { Overlay } from './components/overlay';
 export type { OverlayComponent, OverlayProps } from './components/overlay';
 export { View } from './components/view';
 export type { ViewComponent, ViewLayoutEvent, ViewProps, } from './components/view';
-export { Dimension } from './constants/dimension';
 export { FRACTION_MAX, FRACTION_MIN } from './constants/fraction';
 export { POSITION_MAX, POSITION_MIN } from './constants/position';
 export { SIZE_FULL } from './constants/size';
@@ -12,11 +11,9 @@ export { Media, MediaContextProvider, useMediaContext } from './contexts/media';
 export type { MediaComponent, MediaContextProviderComponent, MediaContextValue, MediaProps, } from './contexts/media';
 export { ThemeContextProvider, useThemeContext, useThemeStyleSheet, } from './contexts/theme';
 export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, } from './contexts/theme';
+export { Dimension } from './helpers/dimension';
+export type { DimensionValue } from './helpers/dimension';
 export { Fraction } from './helpers/fraction';
-export { Position } from './helpers/position';
-export type { PositionValue } from './helpers/position';
-export { Size } from './helpers/size';
-export type { SizeValue } from './helpers/size';
 export type { Color, FontWeight } from './types';
 export { Text } from './components';
-export type { TextComponent, TextProperties, TextReference } from './components';
+export type { TextComponent, TextMeasureCallback, TextProperties, TextReference, } from './components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "creactive",
-  "version": "0.0.133",
+  "version": "0.0.135",
   "main": "build/default.js",
   "files": [
     "build/**"
@@ -36,6 +36,7 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
+    "@emotion/jest": "^11.13.0",
     "@emotion/styled": "^11.14.0",
     "@expo/ngrok": "^4.1.3",
     "@faker-js/faker": "^9.2.0",
@@ -54,8 +55,10 @@
     "@typescript-eslint/eslint-plugin": "^8.15.0",
     "@typescript-eslint/parser": "^8.15.0",
     "babel-loader": "^8.4.1",
-    "eslint-config-standard": "^17.1.0",
+    "eslint-config-expo": "^8.0.1",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-jest": "^28.9.0",
+    "eslint-plugin-prettier": "^5.5.3",
     "expo": "^52.0.36",
     "jest": "^29.2.1",
     "jest-expo": "^52.0.5",

package/build/components/text/constants/color.d.ts

@@ -1,64 +0,0 @@
-/**
- * Supported text color constants.
- * Part of theme colors, suitable for text coloring.
- * Some extra constants like transparent for example are also included.
- */
-export declare enum TextColor {
-    TRANSPARENT = 0,
-    BASE_100 = 1,
-    BASE_200 = 2,
-    BASE_300 = 3,
-    BASE_400 = 4,
-    BASE_500 = 5,
-    BASE_600 = 6,
-    BASE_700 = 7,
-    BASE_800 = 8,
-    BASE_900 = 9,
-    INVERSE_100 = 10,
-    INVERSE_200 = 11,
-    INVERSE_300 = 12,
-    INVERSE_400 = 13,
-    INVERSE_500 = 14,
-    INVERSE_600 = 15,
-    INVERSE_700 = 16,
-    INVERSE_800 = 17,
-    INVERSE_900 = 18,
-    FAILURE_100 = 19,
-    FAILURE_200 = 20,
-    FAILURE_300 = 21,
-    FAILURE_400 = 22,
-    FAILURE_500 = 23,
-    FAILURE_600 = 24,
-    FAILURE_700 = 25,
-    FAILURE_800 = 26,
-    FAILURE_900 = 27
-}
-export declare const TEXT_COLOR_THEME_KEY: {
-    1: "colorForegroundBase100";
-    2: "colorForegroundBase200";
-    3: "colorForegroundBase300";
-    4: "colorForegroundBase400";
-    5: "colorForegroundBase500";
-    6: "colorForegroundBase600";
-    7: "colorForegroundBase700";
-    8: "colorForegroundBase800";
-    9: "colorForegroundBase900";
-    10: "colorForegroundInverse100";
-    11: "colorForegroundInverse200";
-    12: "colorForegroundInverse300";
-    13: "colorForegroundInverse400";
-    14: "colorForegroundInverse500";
-    15: "colorForegroundInverse600";
-    16: "colorForegroundInverse700";
-    17: "colorForegroundInverse800";
-    18: "colorForegroundInverse900";
-    19: "colorForegroundFailure100";
-    20: "colorForegroundFailure200";
-    21: "colorForegroundFailure300";
-    22: "colorForegroundFailure400";
-    23: "colorForegroundFailure500";
-    24: "colorForegroundFailure600";
-    25: "colorForegroundFailure700";
-    26: "colorForegroundFailure800";
-    27: "colorForegroundFailure900";
-};

package/build/components/text/constants/font.d.ts

@@ -1,58 +0,0 @@
-export declare enum TextFontFamily {
-    BASE = 0,
-    TYPOGRAPHIC = 1
-}
-/**
- * Supported by text component font weights enum.
- * Should be used to control the weight of the text.
- */
-export declare enum TextFontWeight {
-    THIN = 0,
-    EXTRA_LIGHT = 1,
-    LIGHT = 2,
-    REGULAR = 3,
-    MEDIUM = 4,
-    SEMIBOLD = 5,
-    BOLD = 6,
-    EXTRA_BOLD = 7,
-    BLACK = 8
-}
-export declare const TEXT_THEME_FONT_WEIGHT_KEY: {
-    0: "fontWeightBaseThin";
-    1: "fontWeightBaseExtraLight";
-    2: "fontWeightBaseLight";
-    3: "fontWeightBaseRegular";
-    4: "fontWeightBaseMedium";
-    5: "fontWeightBaseSemiBold";
-    6: "fontWeightBaseBold";
-    7: "fontWeightBaseExtraBold";
-    8: "fontWeightBaseBlack";
-};
-/**
- * Supported text font sizes enum.
- * Should be used to control the size of the text.
- */
-export declare enum TextFontSize {
-    X2S = 0,
-    XS = 1,
-    SM = 2,
-    MD = 3,
-    LG = 4,
-    XL = 5,
-    X2L = 6,
-    X3L = 7,
-    X4L = 8,
-    X5L = 9
-}
-export declare const TEXT_THEME_FONT_SIZE_KEY: {
-    0: "fontSizeBaseX2S";
-    1: "fontSizeBaseXS";
-    2: "fontSizeBaseSM";
-    3: "fontSizeBaseMD";
-    4: "fontSizeBaseLG";
-    5: "fontSizeBaseXL";
-    6: "fontSizeBaseX2L";
-    7: "fontSizeBaseX3L";
-    8: "fontSizeBaseX4L";
-    9: "fontSizeBaseX5L";
-};

package/build/components/text/constants/index.d.ts

@@ -1,4 +0,0 @@
-export { TEXT_COLOR_THEME_KEY, TextColor } from './color';
-export { TEXT_THEME_FONT_SIZE_KEY, TEXT_THEME_FONT_WEIGHT_KEY, TextFontFamily, TextFontSize, TextFontWeight, } from './font';
-export { TEXT_HTML_TAG, TextTag } from './tag';
-export { TEXT_THEME_LINE_HEIGHT_KEY, TextAlign, TextDecoration, TextLineHeight, } from './text';

package/build/components/text/constants/tag.d.ts

@@ -1,24 +0,0 @@
-/**
- * Supported by view component tags.
- * All possible layout tags should be listed here.
- */
-export declare enum TextTag {
-    H1 = 0,
-    H2 = 1,
-    H3 = 2,
-    H4 = 3,
-    H5 = 4,
-    H6 = 5,
-    P = 6,
-    SPAN = 7
-}
-export declare const TEXT_HTML_TAG: {
-    0: "h1";
-    1: "h2";
-    2: "h3";
-    3: "h4";
-    4: "h5";
-    5: "h6";
-    6: "p";
-    7: "span";
-};

package/build/components/text/constants/text.d.ts

@@ -1,37 +0,0 @@
-/**
- * Text align enum supported by compoent.
- * Allows to control text alignment if required.
- */
-export declare enum TextAlign {
-    LEFT = 0,
-    CENTER = 1,
-    RIGHT = 2
-}
-/**
- * Available text color enum.
- * Should be used to control the color of the text.
- */
-export declare enum TextDecoration {
-    NONE = 0,
-    UNDERLINE = 1
-}
-/**
- * Available text line height enum.
- * Should be used to control the line height of the text.
- */
-export declare enum TextLineHeight {
-    NONE = 0,
-    TIGHT = 1,
-    SNUG = 2,
-    NORMAL = 3,
-    RELAXED = 4,
-    LOOSE = 5
-}
-export declare const TEXT_THEME_LINE_HEIGHT_KEY: {
-    0: "lineHeightBaseNone";
-    1: "lineHeightBaseTight";
-    2: "lineHeightBaseSnug";
-    3: "lineHeightBaseNormal";
-    4: "lineHeightBaseRelaxed";
-    5: "lineHeightBaseLoose";
-};

package/build/components/text/index.d.ts

@@ -1,3 +0,0 @@
-import type { TextComponent, TextProps, TextRef } from './text.types';
-export declare const Text: TextComponent;
-export type { TextComponent, TextProps, TextRef };

package/build/components/text/text.types.d.ts

@@ -1,92 +0,0 @@
-import type { Fraction } from '../../helpers';
-import type { Color, FontWeight } from '../../types';
-import type { ForwardRefExoticComponent, PropsWithChildren, PropsWithoutRef, RefAttributes } from 'react';
-import type { TextAlign, TextColor, TextDecoration, TextFontFamily, TextFontSize, TextFontWeight, TextLineHeight, TextTag } from './constants';
-export type TextMeasureCallback = (x: number, y: number, width: number, height: number) => void;
-/**
- * Text component reference object.
- * Allows to access text measurement method.
- */
-export interface TextRef {
-    measure(callback: TextMeasureCallback): void;
-}
-export interface TextProps extends PropsWithChildren {
-    /**
-     * Allows to control HTML tag to render.
-     * Makes no sense on native platforms.
-     * @see Text.Tag
-     * @default undefined - renders into DIV element
-     */
-    tag?: TextTag;
-    /**
-     * Inner text will be aligned according to this value.
-     * @see Text.Align
-     * @default Text.Align.LEFT
-     */
-    align?: TextAlign;
-    /**
-     * Text decoration.
-     * @see Text.Decoration
-     * @default Text.Decoration.NONE
-     */
-    decoration?: TextDecoration;
-    /**
-     * Themed font family.
-     * @see Text.FontFamily
-     * @default Text.FontFamily.BASE
-     */
-    fontFamily?: TextFontFamily;
-    /**
-     * Themed font weight.
-     * @see Text.FontWeight
-     * @default Text.FontWeight.REGULAR
-     */
-    fontWeight?: TextFontWeight;
-    /**
-     * Themed font size.
-     * @see Text.FontSize
-     * @default Text.FontSize.MD
-     */
-    fontSize?: TextFontSize;
-    /**
-     * Themed line heidht.
-     * @see Text.LineHeight
-     * @default Text.LineHeight.NORMAL
-     */
-    lineHeight?: TextLineHeight;
-    /**
-     * Maximum number of lines to display.
-     * @default undefined
-     */
-    maxLines?: number;
-    /**
-     * Themed or transparent color.
-     * @see Text.Color
-     * @default Text.Color.BASE_800
-     */
-    color?: TextColor;
-    /**
-     * Text opacity.
-     * @see Fraction
-     * @default undefined
-     */
-    opacity?: Fraction;
-}
-export type TextComponent = ForwardRefExoticComponent<PropsWithoutRef<TextProps> & RefAttributes<TextRef>> & {
-    Tag: Record<keyof typeof TextTag, TextTag>;
-    Align: Record<keyof typeof TextAlign, TextAlign>;
-    Decoration: Record<keyof typeof TextDecoration, TextDecoration>;
-    FontFamily: Record<keyof typeof TextFontFamily, TextFontFamily>;
-    FontWeight: Record<keyof typeof TextFontWeight, TextFontWeight>;
-    FontSize: Record<keyof typeof TextFontSize, TextFontSize>;
-    LineHeight: Record<keyof typeof TextLineHeight, TextLineHeight>;
-    Color: Record<keyof typeof TextColor, TextColor>;
-};
-export type StyledTextrops = Pick<TextProps, 'align' | 'decoration' | 'maxLines'> & {
-    fontFamily: string;
-    fontWeight: FontWeight;
-    fontSize: number;
-    lineHeight: number;
-    color: Color | 'transparent';
-    opacity?: number;
-};

package/build/constants/dimension.d.ts

@@ -1,8 +0,0 @@
-/**
- * Global dimension enumerated constants.
- * Can be used by multiple helpers and components.
- */
-export declare enum Dimension {
-    PIXEL = 0,
-    PERCENT = 1
-}

package/build/helpers/position/index.d.ts

@@ -1,2 +0,0 @@
-export { Position } from './position';
-export type { PositionValue } from './position.types';

package/build/helpers/position/position.d.ts

@@ -1,15 +0,0 @@
-import { Dimension } from '../../constants/dimension';
-import type { PositionValue } from './position.types';
-/**
- * Don't want to accept non-themed literal position values inside component.
- * This class may help to avoid magic numbers and strings when positioning.
- * Components are supposed to accept this class instances for positioning.
- * This may force us to create optimized and named global position constants.
- */
-export declare class Position {
-    static readonly Dimension: typeof Dimension;
-    private readonly amount;
-    private readonly dimension;
-    constructor(amount: number, dimension?: Dimension);
-    toValue(): PositionValue;
-}

package/build/helpers/position/position.types.d.ts

@@ -1 +0,0 @@
-export type PositionValue = number | `${number}px` | `${number}%`;

package/build/helpers/size/index.d.ts

@@ -1,2 +0,0 @@
-export { Size } from './size';
-export type { SizeValue } from './size.types';

package/build/helpers/size/size.d.ts

@@ -1,15 +0,0 @@
-import { Dimension } from '../../constants/dimension';
-import type { SizeValue } from './size.types';
-/**
- * Don't want to accept non-themed literal size values inside component.
- * This helper is an attempt to avoid magic numbers and strings when sizing.
- * Components are supposed to accept this class instances for sizing.
- * This may force us to create optimized and named global size constants.
- */
-export declare class Size {
-    static readonly Dimension: typeof Dimension;
-    private readonly amount;
-    private readonly dimension;
-    constructor(amount: number, dimension?: Dimension);
-    toValue(): SizeValue;
-}

package/build/helpers/size/size.types.d.ts

@@ -1 +0,0 @@
-export type SizeValue = number | `${number}px` | `${number}%`;