Skip to main content

📕 Authentication

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.3

#8105fdb refactor(authentication): update AuthContextProps type description

Updated the comment for the AuthContextProps type to provide a clearer explanation of its intended purpose. The new description focuses on the use of properties to store authentication-related state, replacing the previous note about generic parameter usage for onLogin. This clarification aims to enhance maintainability and comprehensibility of the code for future developers.

✨ Icons

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Features

#ddf3362 feat(icons): add new icons and update package version

Added new icons including lock, unlock, filet-jsx, filet-tsx, file-code, and folder-open to the IconName interface and corresponding Unicode values in the icons object. Updated the package version from 0.0.6 to 0.0.7 to reflect these additions. This enhancement expands the available icon set, providing more options for users without impacting existing functionality.

✨ Authentication 0.0.3

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.3

#1634009 feat(authentication): integrate new authentication package

Introduced the new @flexnative/authentication package to handle user authentication and protecting routes using Expo Router. The package includes React context, custom hooks, type definitions, and utilizes expo-secure-store for secure token storage. This integration enhances the security and manageability of authentication processes across the application.

✨ Icons

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Features

#4cb6052 feat(icons): add new icons

Added three new icons: rocket, shield-lock, and fingerprint to the IconName interface and icons object. Also added a new variant spinner-ios. These updates expand the icon library and address minor typing errors for consistency.

✨ Version 0.0.6

#8aa3fef chore(icons): bump version to 0.0.6

Update the package version from 0.0.5 to 0.0.6 in preparation for a new release with improvements or patches. No other changes were made to the package configuration.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

🛠️ Inputs refactor

#889e164 refactor(inputs): update version and adjust input styles

Updated package version from 0.0.13 to 0.0.21 reflecting significant changes that include style adjustments and reordering of event handlers in the TextInput components within ra-inputs. Specifically, removed 'overflow: hidden' from wrapper styles and added padding and lineHeight properties to input styles. Also modified onBlur, onFocus, and onChangeText event handler positions to ensure consistent execution order. These changes improve styling flexibility and ensure better event handling in input components.

🪲 Inputs fix

· One min read
Redon Alla
.NET, React, Angular Developer

🪲 Inputs fix

#76ff988 fix(inputs): correct theme color reference for error state

Updated the color property in input and label styles to use 'props.theme.colors.error' instead of the incorrect 'props.theme.colors.isError'. This ensures that the appropriate error color is applied when 'isError' is true, maintaining consistency across the component's error styling. Additionally, incremented the package version from 0.0.11 to 0.0.12 to reflect this change.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

🛠️ Inputs refactor

#fce5c91 refactor(inputs): make color prop optional and update fallback logic

This commit updates the ContainerProps type definition in input.styles.ts, making the color property optional. Additionally, it modifies the createStyles function to provide a default theme color when color is not specified. In number-text-box/index.tsx, the usage of the color prop is updated to accommodate this change. The version in package.json is incremented from 0.0.12 to 0.0.13 to reflect these non-breaking changes.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

#b3713dd feat(inputs): add isError prop to enhance error handling

Added the isError property to the input components within the ra-inputs package, allowing for improved error state management. This change updates the component styles to display error-specific colors when isError is true, ensuring consistent visual feedback. Additionally, certain optional properties like borderWidth and disabled are now explicitly marked as optional in the TypeScript interfaces, increasing flexibility in their usage. These enhancements collectively improve the user experience by providing clearer input validation feedback. Additionally, incremented package version from 0.0.10 to 0.0.11.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

🛠️ Inputs refactor

#93429af refactor(inputs): make certain props optional and handle non-null assertions

Changed type, size, and radius in BaseInputProps from required to optional by using '?' modifier. Updated TypeScript code in number-text-box and text-box components to use non-null assertion operator for these properties where necessary. This change provides more flexibility when using the input components, allowing for default values to be applied if these attributes are not specified explicitly. Additionally, incremented package version from 0.0.9 to 0.0.10.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

🛠️ Inputs refactor

#1f75cdd refactor(inputs): update version and adjust layout styles

Bump the package version from 0.0.4 to 0.0.9 in preparation for a new release. Removed the 'flex: 1' style from the wrapper in input.styles.ts to allow for better flexibility. Applied conditional styling in text-box.tsx to maintain 'flex: 1' only when the 'material' prop is not present, improving layout behavior based on component props.

📕 Layout

· One min read
Redon Alla
.NET, React, Angular Developer

📕 Documentation

#b6a08f4 docs(layout): add detailed documentation for Block component properties

This commit introduces a comprehensive documentation block for the Block component, detailing its purpose, usage example, and all props available. This enhancement aims to improve code readability and facilitate developers' understanding of the component's functionality and customization options.

✨ Layout 0.0.6

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.6

#6f1abf1 feat(layout): enhance Block component with default flex and padding support

Updated the Block component to include a default flex value of 1 and added a new padding property. This change simplifies the use of the Block component by providing sensible defaults, reducing the need for explicit style definitions. Additionally, the module entry point was specified in package.json, which is now aligned with modern module resolution practices.

✨ Messages 0.0.11

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.11

**#c2569d7 feat(messages): add new MessageBox component

Introduced the MessageBox component in the @flexnative/messages package, designed to display warning messages with customizable appearance. This includes default props for styling and support for different fill modes like ghost and solid.

✨ Buttons 0.0.4

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.4

#b8d858f feat(buttons): bump version to 0.0.4

Modified the button component to enhance rendering behavior. When children are present, they are rendered directly; otherwise, it defaults to rendering ButtonText and ButtonIcon components. This change optimizes the component's flexibility in handling different content scenarios within buttons, improving customization options for developers.

Incremented the package version from 0.0.3 to 0.0.4.

✨ Layout 0.0.2

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.2

#fdcdf6d feat(layout): add rowGap and columnGap properties to Block component

  • Added support for rowGap and columnGap properties in the Block component, allowing for more precise control of spacing between elements. These changes update the interface and implementation to leverage ViewStyle's gap definitions, improving layout customization capabilities.
  • Updated package version to 0.0.2 to reflect these enhancements.

📕 Navigation

· One min read
Redon Alla
.NET, React, Angular Developer

📕 Navigation Documentation

#44e612e docs(navigation): add README for navigation component

This commit introduces a README.md file for the navigation component in the React Native project. The document provides an overview of using grid layouts with Flexbox, outlines the enhancement of the Block component to support grid and layout styling, and lists necessary dependencies. Additionally, it includes a link to further documentation, aiding developers in understanding and utilizing the navigation components more effectively.

✨ Layout 0.0.1

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.1

#bc3d10d feat(layout): add new layout component package

Introduced a new @flexnative/layout package in the project to provide a set of components for screen layout management in React Native applications. This includes the Block component, which supports flexible layout properties such as flex, alignment, and gap spacing. The implementation is supported by appropriate TypeScript interfaces and configuration, enhancing modularity and reusability within the application. Additionally, updated existing package files to reflect this inclusion.

✨ Navigation

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.1

#6737291 feat(navigation): add new withFancyDrawer component

This commit introduces a new navigation package within the project. It includes a high-order component, withFancyDrawer, which enhances components with animations and styles to simulate a fancy drawer effect. The new package is integrated into the project's structure via updates to the relevant package.json files and includes dependencies like expo-router and @react-navigation/drawer. This addition aims to improve UI interactivity and aesthetics by providing smooth drawer transitions in React Native applications.

✨ Theme Context 0.0.7

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.7

#8194945 feat(theme-context): enhance theme initialization with device color scheme

Updated the ThemeProvider to incorporate the device's current color scheme using React Native's Appearance API. This change allows themes to default to the user's preferred light or dark mode setting if not explicitly provided. Additionally, made the theme prop optional in ThemeProviderProps and enhanced type handling for colors. This modification improves user experience by aligning app theming with system preferences, ensuring a more consistent aesthetic across applications.

✨ Inputs 0.0.4

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.4

#4bc9101 chore(inputs): bump package version to 0.0.4

Update the version of the @flexnative/inputs package from 0.0.3 to 0.0.4 to prepare for a new release. No functional changes were made, but this ensures that downstream dependencies can distinguish this iteration from previous ones.

📕 Inputs Documentation

· One min read
Redon Alla
.NET, React, Angular Developer

#5bb307f docs(inputs): add comprehensive JSDoc comments

This commit adds detailed JSDoc comments to the inputs components, enhancing code readability and developer understanding. These comments describe the purpose of components, types, interfaces, props, methods, and provide information on styling and behavior. By including this documentation, the codebase becomes more maintainable and easier for new developers to understand, facilitating a better development workflow and more efficient onboarding.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

#80ff097 refactor(inputs): update theme handling and optimize component imports

This commit includes the following changes:

  • Theme context usage updated to simplify access to theming properties by removing .colors where applicable.
  • Reorganized and optimized import paths and component structures, including moving input-adornment.tsx logic to input-icon.tsx for better cohesion.
  • Introduction of new components such as InputIcon, HelperText, and ActionContainer to enhance code modularity and readability.
  • Improved styling logic through adjustments to constants and styles definitions, focusing on consistency across components.
  • Deletion of obsolete components that have been refactored elsewhere in the project. These updates aim to streamline the codebase, reduce redundancy, and improve the overall maintainability of the input components.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

#7834392 refactor(inputs): update default size and theme structure

Changed the default size from default to medium using nullish coalescing for improved clarity. Refactored the theme structure by removing redundant isDark context, now relying solely on colors. Import paths for BorderRadius, BorderWidth, and Sizes are updated to use @flexnative/theme-context for better modularity and alignment with the project architecture. These changes streamline the component's configuration and enhance maintainability.

📕 BottomSheet Documentation

· One min read
Redon Alla
.NET, React, Angular Developer

#b409a8c docs(bottom-sheet): enhance documentation strings for components and types

Updated the JSDoc comments in the BottomSheet component files to improve clarity and provide detailed descriptions of each method and property. The changes include adding more explicit type declarations, refining existing descriptions, and ensuring consistency throughout the documentation. These updates aim to facilitate better understanding and usability of the code for future developers and maintainers. No functional logic was altered.

🛠️ Skeleton Loading refactor

· One min read
Redon Alla
.NET, React, Angular Developer

#23fa66a refactor(skeleton-loading): improve documentation and restructure imports

Updated the skeleton-loading package to version 0.0.2, enhancing the documentation for better clarity and understanding. Moved dev dependencies from peerDependencies in package.json. Clarified comments and added detailed JSDoc annotations throughout the code to make it more maintainable and comprehensible. This refactor does not introduce any breaking changes or affect functionality but improves code readability and developer experience.

🛠️ Inputs refactor

· One min read
Redon Alla
.NET, React, Angular Developer

#8c52c02 refactor(inputs): update default size and theme structure

Aligned inputs with the latest updates in @flexnative/theme-context and @flexnative/icons. Replaced previous dependencies, utility methods, and constants with new ones from the updated libraries. Updated component styles and logic according to new props and theming guidelines, ensuring consistency across the input components. This includes changes to border radius definitions, color handling, and input styling. Transitioned peer dependencies to devDependencies where applicable, reflecting the updated package structure. The focus was to enhance maintainability and leverage improved theming capabilities from the upgraded dependencies.

✨ Tags 0.0.2

· One min read
Redon Alla
.NET, React, Angular Developer

✨ Version 0.0.2

#a65ea4c chore(tags): bump version to 0.0.2

Updated the package version from 0.0.1 to 0.0.2 to reflect changes made since the initial release. This minor version increment suggests backward-compatible enhancements or bug fixes have been implemented.

🛠️ Tags refactor

· One min read
Redon Alla
.NET, React, Angular Developer

#d5a4ed7 refactor(tags): remove ui-constants dependency and refactor type definitions

This commit removes the @flexnative/ui-constants dependency from the tags component, replacing hardcoded values and constants with locally defined equivalents for padding and action elements. It also refactors type definitions by aligning them more closely with @flexnative/theme-context, ensuring consistency across different parts of the application.

The removal of ui-constants simplifies the dependencies and allows for more flexibility and maintainability within the module. Additionally, it updates the logic in utility functions to improve clarity and reusability of color handling within tags. This refactoring might require testing to ensure compatibility with existing themes and styles.