wrappid / native-web Goto Github PK
View Code? Open in Web Editor NEWThis repository is combined packages of all the Styled Components for react web project.
License: MIT License
This repository is combined packages of all the Styled Components for react web project.
License: MIT License
native json editor code mode fix
Steps to reproduce the behavior:
Describe the bug
Create NativeDateCalendar and SCDateCalendar files in native-web.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Add below keys in package.json and package/package.json
An auto scroll into view Native Toc component.
Add create-tag ci, release ci and publish cd which uses reusable workflows.
ReadMe needs to be updated.
Currently, our project lacks a ColorPicker component, which is essential for allowing users to select colors in various parts of the application. A ColorPicker component would enhance user experience and enable them to customize colors according to their preferences.
When implemented, the ColorPicker component should provide users with an intuitive interface for selecting colors. It should allow users to choose colors from a spectrum and provide the selected color in various formats such as hexadecimal, RGB, and HSL.
It would be beneficial to consider integrating a widely used library like Material-UI's ColorPicker or similar solutions to maintain consistency and leverage existing best practices. The implementation should also be customizable to fit the overall design and theme of our application.
Describe the bug
On creating Pull Request, es-lint is trying to lint deleted files and failing.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
This issue is to track the development of a new component called OnlineStatusSnackbar for our project. The OnlineStatusSnackbar component will be used to display snackbars across various parts of our application to show the network online/offline status.
Describe the bug
<CoreList>
{"writing string in CoreList not working"}
</CoreList>
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Description
NativeImagePicker currently uses "photo_camera" mui icon.
"upload" mui icon is more suitable
Describe the bug
color props is not working in CoreIcon component
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
docs: ๐ license added
added MIT License as requested
Ref #[issue-number]
to display the menu item icon by flag
Describe the bug
Import React from react in NativeOtpInput.js
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Component Category: Data Display
Component Category: Data Display
component category: Feddback
component category: Form
50. No Documentation available for any Form child component
component category: Layout
Component category: Input
Component category: Navigation
CoreSpeedDial, CoreSpeedDialAction, CoreSpeedDialIcon, CoreStep, CoreStepButton, CoreStepConnector, CoreStepContent, CoreStepIcon, CoreStepLabel, CoreStepper, CoreSwipeableDrawer :
Issue: Not available in documentation, component not created.
CoreScrollTop
Issue: Documentation not available.
CoreTab, CoreTabHead, CoreTabPanel, CoreTabs
Issue: Documentation not available.
CoreLinks
Issue: Error in CodeSample.
Component category: Surfaces
CoreAccordion, CoreAccordionDetail, CoreAccordionSummary
Issue: Documentation not available.
CoreCard, CoreCardActionArea, CoreCardActions, CoreCardContent, CoreCardHeader, CoreCardMedia :
Issue: Documentation incomplete
CoreAppBar
Issue: Documentation not available.
Component category: Utils
CoreApiVersion, CoreAppVersion, CoreFade, CoreLoginDetails,CoreProfilePopOver, CoreTermsPrivacyLink, HelpAndSupportPopOver, NotificationPopOver, QuickAddPopOver :
Issue: Documentation not available.
CoreModal
Issue: Documentation not available.
CorePopover
Issue: component has some bugs.
Describe the bug
Old issue reoccurring. On creating Pull Request, es-lint is trying to lint deleted files and failing.
Ref: #39
Description.
The List is present in wrappid as CoreList but it doesn't contain ordered, unordered list and description list.
Solution
Create a Different component for each list which name will be
NativeOL
NativeLi
NativeDL
NativeDT
NativeDD
Refference
https://www.w3schools.com/html/html_lists.asp
Image Reference
varient props is needed in CoreList to see the activate listItems props
varient="HTML"
when the varient is present then only the listItems pros is going to working
Packages used in core are outdated.
Native-web's npm packages need to be updated to be compatible with updated core, native-mobile and styles.
List:
Remove unnecessary configs from package.json
Describe the bug
In the NativeOtpInput component, the <OtpInput/>
is used for inputting OTPs. This OtpInput is imported from react-otp-input. The react-otp-input has a default feature where, if we want to delete or remove one character from the OTP, it first selects this particular character and then deletes or removes it. I believe the selection looks bad and can negatively impact the user experience. Additionally, pasting the OTP using Ctrl+V is not working.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Related Issues
wrappid/core#270
Desktop (please complete the following information):
Description
NativeTabHead not supporting incoming styleClasses via props. This is making users not being able to style CoreTabHead using styleComponents.
Using eslint need to implement linting.
Describe the bug
NaitveTooltip not working
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Description
change caret(^) to tilde(~) in package.json, and update package-lock.json
Don't think a examples directory is needed in this project and can be removed.
NativeImagePicker upload tooltip message is currently "Change Image". It should be upload image.
Describe the bug
Missing checks in NativeOtpInput
Additional context
Can be resolved by implementation of if condition in useEffect
Related Issue
wrappid/core#271
Dependency error with native-web package.
# npm resolution error report
While resolving: [email protected]
Found: [email protected]
node_modules/react-redux
peer react-redux@"^8.0.2" from @wrappid/[email protected]
node_modules/@wrappid/core
@wrappid/core@"*" from the root project
peerOptional react-redux@"^7.2.1 || ^8.0.2" from @reduxjs/[email protected]
node_modules/@reduxjs/toolkit
peer @reduxjs/toolkit@"^1.9.1" from @wrappid/[email protected]
node_modules/@wrappid/core
@wrappid/core@"*" from the root project
Could not resolve dependency:
@wrappid/native@"npm:@wrappid/native-web" from the root project
Conflicting peer dependency: [email protected]
node_modules/react-redux
peer react-redux@"^9.1.0" from @wrappid/[email protected]
node_modules/@wrappid/native
@wrappid/native@"npm:@wrappid/native-web" from the root project
Fix the upstream dependency conflict, or retry
this command with --force or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.
Downgrade react-redux to 8.x.x
Describe the bug
CoreRightDrawer has a fixed width which needs to be fixed.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Stack Trace
The stack trace of the bug if any.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Is your feature request related to a problem? Please describe.
pull_request_template is missing in this repository
Describe the solution you'd like
There is a need for a pull_request_template, so adding such a template helps the user or contributor with a pull request
Describe alternatives you've considered
Adding a pull_request_template is the best solution for this, So adding a pull_request_template is needed
CoreContainer is not rendering.
I have added the below code in one of my component and it is not rendering.
<CoreContainer>hello</CoreContainer>
Steps to reproduce the behavior:
Use <CoreContainer>hello</CoreContainer>
anywhere.
CoreContainer should render.
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `CoreContainer`.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `CoreContainer`.
at createFiberFromTypeAndProps (http://localhost:3000/static/js/bundle.js:296313:21)
at createFiberFromElement (http://localhost:3000/static/js/bundle.js:296334:19)
at reconcileSingleElement (http://localhost:3000/static/js/bundle.js:285433:27)
at reconcileChildFibers (http://localhost:3000/static/js/bundle.js:285483:39)
at reconcileChildren (http://localhost:3000/static/js/bundle.js:288422:32)
at mountIndeterminateComponent (http://localhost:3000/static/js/bundle.js:289259:9)
at beginWork (http://localhost:3000/static/js/bundle.js:290487:20)
at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:275503:18)
at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:275547:20)
at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:275604:35)
Add script to generate attribution file
Introduction of new feature called Fingerprint authentication in Rxefy product.
Needs to introduce new package of fingerprint authentication that can be used in our product.
We need to use this @fingerprintjs/fingerprintjs-pro-react .
Describe the bug
The current package.json holds a different version which have peer dependency issues with other related packages.
To Reproduce
Wrappid setup for mobile is not working.
wr setup
Expected behavior
A clean package installation should happen.
Stack Trace
N/A
Additional context
N/A
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.