Registry / crm-productivity / totvs-react-native-framework

totvs-react-native-framework

library0.0.85jsnpmunverified

A React Native UI component library for TOTVS applications, providing pre-built customizable components (buttons, pickers, text inputs, etc.) following TOTVS design guidelines. Current version 0.0.85, with infrequent releases. It has heavy peer dependency requirements and is tightly coupled to TOTVS ecosystem. Alternatives: general RN UI libraries like NativeBase or React Native Elements, but tailored for TOTVS branding.

crm-productivity web-framework

npm install totvs-react-native-framework

package ↗homepage ↗

INSTALL

IMPORT

SIG · TOTVS-REACT-NATIVE

totvs-react-native-framework

crm-productivityjavascriptv0.0.85

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import TotvsFramework from 'totvs-react-native-framework'

✗ const TotvsFramework = require('totvs-react-native-framework')

Default export provides the main framework object with components.

Button

✓ import { Button } from 'totvs-react-native-framework'

✗ import Button from 'totvs-react-native-framework/Button'

Named export available since v0.x.

PickerSelect

✓ import { PickerSelect } from 'totvs-react-native-framework'

✗ import PickerSelect from 'totvs-react-native-framework'

Named export; must use destructured import.

TextInputTotvs

✓ import { TextInputTotvs } from 'totvs-react-native-framework'

✗ import TextInputTotvs from 'totvs-react-native-framework'

Named export; component name may change in future versions.

MobX

✓ import { MobX } from 'totvs-react-native-framework'

✗ import MobXProvider from 'totvs-react-native-framework/MobX'

Named export for MobX integration utils.

Demonstrates importing the framework and using three core components (Button, PickerSelect, TextInputTotvs) in a React Native app.

import TotvsFramework from 'totvs-react-native-framework'; import { Button, PickerSelect, TextInputTotvs } from 'totvs-react-native-framework'; // Initialize framework (optional) // TotvsFramework.init({ ... }); const App = () => ( <> <Button title="Click" onPress={() => alert('Pressed')} /> <PickerSelect items={[{ label: 'Option 1', value: '1' }, { label: 'Option 2', value: '2' }]} onValueChange={(value) => console.log(value)} placeholder={{ label: 'Select...', value: null }} /> <TextInputTotvs placeholder="Enter text" onChangeText={(text) => console.log(text)} /> </> ); export default App;

Debug

Known issues

gotchaAll peer dependencies must be installed manually; failing to do so causes build failures.

fix

Install peer deps: npm install react react-native react-native-svg react-native-vector-icons lottie-react-native victory-native react-native-datepicker mobx react-native-fingerprint-scanner mobx-react react-native-picker

affects: >=0.0.1

deprecatedreact-native-datepicker (peer dep) is unmaintained; may cause issues on newer RN versions.

fix

Consider replacing with @react-native-community/datetimepicker if feasible for your project.

affects: >=0.0.1

gotchaLibrary relies on MobX for state management; not compatible with Redux or other state solutions out of the box.

fix

Use MobX with mobx-react to integrate with the framework components.

affects: >=0.0.1

gotchaComponent import paths are not documented; all components must be imported from the main package entry via named exports.

fix

Use import { ComponentName } from 'totvs-react-native-framework'

affects: >=0.0.1

Errors

Common errors & fixes

Module not found: Can't resolve 'react-native-svg'

Missing peer dependency react-native-svg.

fix

npm install react-native-svg --save

null is not an object (evaluating 'RNSVGPathElement')

Incorrect linking of react-native-svg (pre RN 0.60) or missing auto-linking (RN >= 0.60).

fix

For RN < 0.60: react-native link react-native-svg; for RN >= 0.60: ensure pod install or rebuild.

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object.

Trying to import a component incorrectly (e.g., default import vs named import).

fix

Use named imports: import { Button } from 'totvs-react-native-framework'

Cannot find module 'mobx-react'

MobX peer dependencies not installed.

fix

npm install mobx mobx-react --save

Upgrade

Version history

0.0.85latest on npm

Audit

Dependencies

reactrequiredpeer dependency - required by React Native

react-nativerequiredpeer dependency - core framework

react-native-svgrequiredpeer dependency - used for vector graphics

react-native-vector-iconsrequiredpeer dependency - icon library

lottie-react-nativerequiredpeer dependency - animations

victory-nativerequiredpeer dependency - charts

react-native-datepickerrequiredpeer dependency - date picker component

mobxrequiredpeer dependency - state management

react-native-fingerprint-scannerrequiredpeer dependency - biometric authentication

mobx-reactrequiredpeer dependency - MobX React bindings

react-native-pickerrequiredpeer dependency - picker component

Agent activity

48 hits · last 30 days

node

OpenAI (training)

Resources

packagehttps://www.npmjs.com/package/totvs-react-native-framework ↗

homepagehttps://gitlab.com/totvs-produtos/Framework/totvs-react-framework#readme ↗