11 posts tagged with "Inputs"

🛠️ 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​

#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​

#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.

#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​

#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​

#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.

✨ 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.

#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.

#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.

#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.

#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.