@platform-blocks/ui 0.6.0 → 0.7.0

package/lib/index.d.ts

@@ -66,7 +66,6 @@ export { PhoneInput } from './components/PhoneInput';
 export { ColorPicker } from './components/ColorPicker';
 export { ColorSwatch } from './components/ColorSwatch';
 export { EmojiPicker } from './components/EmojiPicker';
-export { RichTextEditor } from './components/RichTextEditor';
 export { Rating } from './components/Rating';
 export { Form, useFormContext, useOptionalFormContext } from './components/Form';
 export { Breadcrumbs } from './components/Breadcrumbs';
@@ -110,7 +109,6 @@ export { Image } from './components/Image';
 export { BrandIcon } from './components/BrandIcon';
 export { Carousel } from './components/Carousel';
 export { Gallery } from './components/Gallery';
-export { Lottie } from './components/Lottie';
 export { Video } from './components/Video';
 export { Waveform } from './components/Waveform';
 export { Collapse } from './components/Collapse';
@@ -173,7 +171,6 @@ export type { TimePickerInputProps } from './components/TimePickerInput';
 export type { PhoneInputProps } from './components/PhoneInput';
 export type { ColorPickerProps } from './components/ColorPicker';
 export type { EmojiPickerProps } from './components/EmojiPicker';
-export type { RichTextEditorProps, RichTextEditorContent, RichTextEditorFormat, RichTextEditorSelection } from './components/RichTextEditor';
 export type { RatingProps } from './components/Rating';
 export type { FormProps } from './components/Form';
 export type { BreadcrumbsProps } from './components/Breadcrumbs';
@@ -210,7 +207,6 @@ export type { IconButtonProps } from './components/IconButton';
 export type { CarouselProps } from './components/Carousel';
 export type { GalleryProps, GalleryItem } from './components/Gallery';
 export type { ImageProps } from './components/Image';
-export type { LottieProps } from './components/Lottie';
 export type { WaveformProps } from './components/Waveform';
 export type { DividerProps } from './components/Divider';
 export type { SpaceProps } from './components/Space';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platform-blocks/ui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "A React Native UI library",
   "type": "module",
   "main": "lib/cjs/index.js",
@@ -35,10 +35,10 @@
     "test:ci": "jest --ci --coverage --maxWorkers=2",
     "test:update": "jest --updateSnapshot",
     "test:component": "jest",
-    "lint": "eslint src --ext .ts,.tsx --ignore-path .eslintignore",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix --ignore-path .eslintignore",
-    "lint:check": "eslint src --ext .ts,.tsx --max-warnings 0",
-    "format": "eslint src --ext .ts,.tsx --fix && echo 'Code formatted successfully!'",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "lint:check": "eslint src --max-warnings 0",
+    "format": "eslint src --fix && echo 'Code formatted successfully!'",
     "precommit": "npm run lint:check && npm run test"
   },
   "keywords": [
@@ -59,88 +59,98 @@
   },
   "homepage": "https://github.com/joshstovall/platform-blocks#readme",
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.0",
-    "@babel/preset-flow": "^7.27.1",
-    "@babel/preset-react": "^7.25.0",
-    "@babel/preset-typescript": "^7.25.0",
-    "@eslint/js": "^8.57.1",
-    "@react-native/babel-preset": "^0.81.4",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-flow": "^7.27.0",
+    "@babel/preset-react": "^7.28.0",
+    "@babel/preset-typescript": "^7.28.0",
+    "@react-native/babel-preset": "^0.83.0",
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@shopify/flash-list": "^2.1.0",
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.4.3",
-    "@types/jest": "^29.5.12",
-    "@types/react": "~19.1.10",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "babel-jest": "^29.7.0",
-    "eslint": "^8.57.1",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-native": "^4.1.0",
-    "eslint-plugin-unused-imports": "^3.0.0",
-    "expo-audio": "^1.0.13",
-    "expo-document-picker": "~14.0.7",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@shopify/flash-list": "^2.2.0",
+    "@testing-library/react-native": "^13.3.0",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.2.0",
+    "babel-jest": "^30.2.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react-native": "^5.0.0",
+    "eslint-plugin-unused-imports": "^4.3.0",
+    "expo-audio": "^1.1.0",
+    "expo-document-picker": "^14.0.0",
     "expo-haptics": "^15.0.0",
-    "expo-linear-gradient": "^14.1.5",
-    "expo-status-bar": "^1.12.0",
-    "jest": "^29.7.0",
-    "jest-environment-node": "^29.7.0",
-    "jest-expo": "^54.0.12",
-    "metro-react-native-babel-preset": "^0.77.0",
-    "react": "^19.1.0",
-    "react-native": "0.81.4",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-reanimated-carousel": "^4.0.3",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-svg": "^15.12.1",
+    "expo-linear-gradient": "^15.0.0",
+    "expo-status-bar": "^3.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-node": "^30.2.0",
+    "jest-expo": "^54.0.0",
+    "react": "19.2.0",
+    "react-native": "0.83.1",
+    "react-native-reanimated": "~4.2.1",
+    "react-native-reanimated-carousel": "^4.0.0",
+    "react-native-safe-area-context": "^5.6.0",
+    "react-native-svg": "15.15.1",
+    "react-native-worklets": "0.7.2",
     "react-syntax-highlighter": "^16.1.0",
-    "react-test-renderer": "19.1.0",
-    "rollup": "^4.52.3",
-    "rollup-plugin-dts": "^6.2.3",
+    "react-test-renderer": "19.2.0",
+    "rollup": "^4.57.0",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "typescript": "~5.9.2",
-    "typescript-eslint": "^8.41.0"
+    "typescript": "^5.9.0",
+    "typescript-eslint": "^8.54.0"
   },
   "peerDependencies": {
-    "@react-native-masked-view/masked-view": ">=0.2.9",
+    "@react-native-masked-view/masked-view": ">=0.3.0",
     "@shopify/flash-list": ">=1.6.0",
-    "expo-document-picker": ">=13.0.0",
-    "expo-linear-gradient": ">=12.0.0",
     "expo-audio": ">=1.0.0",
+    "expo-document-picker": ">=13.0.0",
     "expo-haptics": ">=14.0.0",
+    "expo-linear-gradient": ">=12.0.0",
     "expo-status-bar": ">=1.12.0",
-    "react": ">=18.0.0 <20.0.0",
+    "react": ">=18.0.0",
     "react-native": ">=0.73.0",
     "react-native-reanimated": ">=3.4.0",
     "react-native-reanimated-carousel": ">=3.4.0",
     "react-native-safe-area-context": ">=4.5.0",
     "react-native-svg": ">=13.0.0",
+    "react-native-worklets": ">=0.5.0",
     "react-syntax-highlighter": ">=15.0.0"
   },
   "peerDependenciesMeta": {
+    "@react-native-masked-view/masked-view": {
+      "optional": true
+    },
+    "@shopify/flash-list": {
+      "optional": true
+    },
     "expo-audio": {
       "optional": true
     },
+    "expo-document-picker": {
+      "optional": true
+    },
     "expo-haptics": {
       "optional": true
     },
+    "expo-linear-gradient": {
+      "optional": true
+    },
     "expo-status-bar": {
       "optional": true
     },
+    "react-native-reanimated-carousel": {
+      "optional": true
+    },
+    "react-native-worklets": {
+      "optional": true
+    },
     "react-syntax-highlighter": {
       "optional": true
     }
-  },
-  "optionalDependencies": {
-    "lottie-react": "^2.4.1",
-    "@lottiefiles/dotlottie-react": "^0.13.5",
-    "lottie-react-native": "^7.3.4"
   }
 }

package/lib/components/Lottie/Lottie.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export type AnimationSource = any;
-export interface LottieProps {
-    /** Required Lottie animation JSON (require or imported object) */
-    source: any;
-    /** Auto play animation */
-    autoPlay?: boolean;
-    /** Loop animation */
-    loop?: boolean;
-    /** Progress prop (0-1) for manual control */
-    progress?: number;
-    /** Speed multiplier */
-    speed?: number;
-    /** Style for container */
-    style?: ViewStyle;
-    /** Test ID */
-    testID?: string;
-    /** Pause state */
-    paused?: boolean;
-    /** Optional resize mode (cover/contain/center) */
-    resizeMode?: 'cover' | 'contain' | 'center';
-    /** Called when animation finishes (loop false) */
-    onAnimationFinish?: (isCancelled: boolean) => void;
-}
-/**
- * Lottie component with safe fallback when native module not present or on unsupported platforms.
- */
-export declare const Lottie: React.ForwardRefExoticComponent<LottieProps & React.RefAttributes<any>>;
-export default Lottie;

package/lib/components/Lottie/index.d.ts

@@ -1,2 +0,0 @@
-export { Lottie } from './Lottie';
-export type { LottieProps } from './Lottie';

package/lib/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RichTextEditorProps } from './types';
-export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/lib/components/RichTextEditor/index.d.ts

@@ -1,2 +0,0 @@
-export { RichTextEditor } from './RichTextEditor';
-export type { RichTextEditorProps, RichTextEditorContent, RichTextEditorFormat, RichTextEditorSelection } from './types';

package/lib/components/RichTextEditor/styles.d.ts

@@ -1,61 +0,0 @@
-export declare function useRichTextEditorStyles(): {
-    characterCount: {
-        fontSize: number;
-        marginTop: number;
-        textAlign: "right";
-    };
-    container: {
-        width: "100%";
-    };
-    disabled: {
-        opacity: number;
-    };
-    editorContainer: {
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        overflow: "hidden";
-    };
-    errorText: {
-        fontSize: number;
-        marginTop: number;
-    };
-    helperText: {
-        fontSize: number;
-        marginTop: number;
-    };
-    textInput: {
-        fontSize: number;
-        lineHeight: number;
-        padding: number;
-    };
-    toolButton: {
-        alignItems: "center";
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        height: number;
-        justifyContent: "center";
-        width: number;
-    };
-    toolSeparator: {
-        backgroundColor: string;
-        height: number;
-        marginHorizontal: number;
-        width: number;
-    };
-    toolbar: {
-        backgroundColor: string;
-        borderBottomColor: string;
-        borderBottomWidth: number;
-    };
-    toolbarContent: {
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-    };
-};

package/lib/components/RichTextEditor/types.d.ts

@@ -1,150 +0,0 @@
-import React from 'react';
-import { BaseInputProps } from '../Input/types';
-export interface RichTextEditorFormat {
-    /** Bold text */
-    bold?: boolean;
-    /** Italic text */
-    italic?: boolean;
-    /** Underlined text */
-    underline?: boolean;
-    /** Strikethrough text */
-    strikethrough?: boolean;
-    /** Text color */
-    color?: string;
-    /** Background color */
-    backgroundColor?: string;
-    /** Font size */
-    fontSize?: number;
-    /** Font family */
-    fontFamily?: string;
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right' | 'justify';
-    /** List type */
-    list?: 'ordered' | 'unordered' | null;
-    /** Heading level */
-    heading?: 1 | 2 | 3 | 4 | 5 | 6 | null;
-    /** Link URL */
-    link?: string | null;
-    /** Code formatting */
-    code?: boolean;
-    /** Quote formatting */
-    quote?: boolean;
-}
-export interface RichTextEditorContent {
-    /** Raw HTML content */
-    html: string;
-    /** Plain text content */
-    text: string;
-    /** Delta format (for advanced editors) */
-    delta?: any;
-    /** Custom format */
-    json?: any;
-}
-export interface RichTextEditorSelection {
-    /** Start index */
-    index: number;
-    /** Selection length */
-    length: number;
-    /** Current format */
-    format?: RichTextEditorFormat;
-}
-export interface RichTextEditorProps extends Omit<BaseInputProps, 'value' | 'onChange'> {
-    /** Initial content */
-    defaultValue?: RichTextEditorContent;
-    /** Current content */
-    value?: RichTextEditorContent;
-    /** Content change handler */
-    onChange?: (content: RichTextEditorContent) => void;
-    /** Selection change handler */
-    onSelectionChange?: (selection: RichTextEditorSelection) => void;
-    /** Focus handler */
-    onFocus?: () => void;
-    /** Blur handler */
-    onBlur?: () => void;
-    /** Editor placeholder */
-    placeholder?: string;
-    /** Whether editor is read-only */
-    readOnly?: boolean;
-    /** Toolbar configuration */
-    toolbar?: {
-        /** Show toolbar */
-        enabled?: boolean;
-        /** Toolbar position */
-        position?: 'top' | 'bottom' | 'floating';
-        /** Available tools */
-        tools?: Array<'bold' | 'italic' | 'underline' | 'strikethrough' | 'color' | 'backgroundColor' | 'fontSize' | 'fontFamily' | 'align' | 'list' | 'heading' | 'link' | 'image' | 'code' | 'quote' | 'separator' | {
-            type: 'custom';
-            component: React.ComponentType<any>;
-            props?: any;
-        }>;
-        /** Toolbar groups */
-        groups?: Array<Array<string>>;
-    };
-    /** Format options */
-    formats?: {
-        /** Available font families */
-        fontFamilies?: string[];
-        /** Available font sizes */
-        fontSizes?: number[];
-        /** Available colors */
-        colors?: string[];
-        /** Available heading levels */
-        headings?: Array<1 | 2 | 3 | 4 | 5 | 6>;
-    };
-    /** Image handling */
-    images?: {
-        /** Allow image uploads */
-        enabled?: boolean;
-        /** Upload handler */
-        onUpload?: (file: File) => Promise<string>;
-        /** Maximum image size */
-        maxSize?: number;
-        /** Allowed image types */
-        allowedTypes?: string[];
-        /** Image resize settings */
-        resize?: {
-            maxWidth?: number;
-            maxHeight?: number;
-            quality?: number;
-        };
-    };
-    /** Link handling */
-    links?: {
-        /** Allow links */
-        enabled?: boolean;
-        /** Link validation */
-        validate?: (url: string) => boolean;
-        /** Open links in new tab */
-        openInNewTab?: boolean;
-    };
-    /** Custom plugins */
-    plugins?: Array<{
-        /** Plugin name */
-        name: string;
-        /** Plugin component */
-        component: React.ComponentType<any>;
-        /** Plugin configuration */
-        config?: any;
-    }>;
-    /** Autosave configuration */
-    autosave?: {
-        /** Enable autosave */
-        enabled?: boolean;
-        /** Save interval in milliseconds */
-        interval?: number;
-        /** Save handler */
-        onSave?: (content: RichTextEditorContent) => void;
-    };
-    /** Spell check */
-    spellCheck?: boolean;
-    /** Maximum content length */
-    maxLength?: number;
-    /** Minimum editor height */
-    minHeight?: number;
-    /** Maximum editor height */
-    maxHeight?: number;
-    /** Custom CSS classes */
-    className?: string;
-    /** Theme override */
-    theme?: 'light' | 'dark' | 'auto';
-}