Coder Social home page Coder Social logo

wrappid / native-web Goto Github PK

View Code? Open in Web Editor NEW
10.0 2.0 1.0 3.56 MB

This repository is combined packages of all the Styled Components for react web project.

License: MIT License

JavaScript 99.60% Shell 0.40%
css cssinjs javascript mui react styled-components wrappid wrappid-styles wrappid-native-components

native-web's Introduction

native-web

This repository is combined packages of all the Styled Components for react web project.

Publish Package

native-web's People

Contributors

adityajaiswal094 avatar anantakumarghosh avatar dependabot[bot] avatar edithmark42 avatar irkfaisal avatar joym98 avatar saifalamkhan373 avatar samhere17 avatar sumanta-m avatar swrnv-qc avatar techoneel avatar wrappidcare avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

swrnv-qc

native-web's Issues

Component and documentation issue.

Component Category: Data Display

  1. CoreLabel
    Issue: Documentation not available.
  2. CoreBackdrop
    Issue: Not working and has bugs.
  3. CoreSnackbar
    Issue: Documentation not available.
  4. CoreSkeleton
    Issue: Documentation not available.
  5. CoreH
    Issue: Documentation not available.
  6. CoreListItemAvatar
    Issue: Documentation not available.
  7. CoreListItemButton
    Issue: Documentation not available.
  8. CoreListItemSceondryAction
    Issue: Documentation not available.
  9. CoreListSubheader
    Issue: Documentation not available.
  10. CoreTablePagination
    Issue: Documentation not available.
  11. CoreTableShortTable
    Issue: Documentation not available.
  12. CoreTimer
    Issue: on clicking the CoreTimer button, getting undefined error.
  13. CoreTooltip
    Issue: not properly working.
  14. StatusText
    Issue: Documentation not available.
  15. CoreListItemSceondryAction
    Issue: Documentation not available.
  16. CoreListSubheader
    Issue: Documentation not available.
  17. CoreTablePagination
    Issue: Documentation not available.
  18. CoreTableShortTable
    Issue: Documentation not available.

Component Category: Data Display

  1. CoreDataTable
    Issue: Documentation not available.
  2. CoreDataTableBody
    Issue: Not working and has bugs.
  3. CoreDataTableDetailsPane
    Issue: Code sample is not available in the guide/components.
  4. CoreDataTableDetailsPaneContainer
    Issue: Documentation not available.
  5. CoreDataTableFooter
    Issue: Documentation not available.
  6. CoreDataTableRowActionPopover
    Issue: Documentation not available.
  7. CoreDataTableHead
    Issue: Documentation not available.
  8. CoreDataTableRowContent
    Issue: Documentation not available.
  9. CoreDataTableRowSummary
    Issue: Documentation not available.
  10. CoreDataTableToolbar
    Issue: Documentation not available.

component category: Feddback

  1. CoreDialog
    Issue: Code sample is not available in the guide/components.
  2. CoreDialogActions
    Issue: Documentation not available.
  3. CoreDialogContent
    Issue: Documentation not available.
  4. CoreDialogContentText
    Issue: Documentation not available.
  5. CoreDialogActions
    Issue: Documentation not available.
  6. CoreFlatList
    Issue: Documentation not available.
  7. CoreLinerProgree
    Issue: Documentation Incomplete.
  8. CoreRequestProgressbar
    Issue: Documentation not available.
  9. CoreTableAction
    Issue: Documentation not available.
  10. CoreTableBulkAction
    Issue: Documentation not available.
  11. CoreTableCollapsible
    Issue: Documentation not available.
  12. CoreTableFilter
    Issue: Documentation not available.
  13. CoreTableSkeleton
    Issue: Documentation not available.
  14. CoreTableToolbar
    Issue: Documentation not available.
  15. DevCoreDataTable
    Issue: Documentation not available.
  16. ExportData
    Issue: Documentation not available.
  17. CoreFilterColumn
    Issue: Documentation not available.
  18. CoreFilterData
    Issue: Documentation not available.
  19. SortTableData
    Issue: Documentation not available.
  20. SortTableDensity
    Issue: Documentation not available.
  21. SortRowAuditData
    Issue: Documentation not available.

component category: Form
50. No Documentation available for any Form child component

component category: Layout

  1. CoreAppDiv
    Issue: Documentation not available.
  2. CoreBox
    Issue: Documentation not available.
  3. CoreContainer
    Issue: Not working, showing some error and documentation incomplete.
  4. CoreGrid
    Feedback: Documentation is incomplete, code sample is not there.
  5. CoreGridItem
    Issue: No specific issue mentioned.
  6. CoreImageBackground
    Issue: Documentation not available.
  7. CoreSection
    Issue: Documentation not available.
  8. CoreSpan
    Issue: Documentation not available.
  9. CoreStack
    Issue: Documentation not available.

Component category: Input

  1. ChildMap
    Issue: Documentation not available.
  2. ChildAsyncSelect
    Issue: Documentation not available.
  3. ChildButtonBase
    Issue: Documentation not available.
  4. ChildButtonGroup
    Issue: Documentation not available.
  5. CoreCheckBox
    Issue: Not working, got undefined error.
  6. CoreConfirmPassword
    Issue: Component not created.
  7. CoreConfirmPasswordField
    Issue: Component not created.
  8. CoreContainedButton
    Feedback: Documentation not available.
  9. CoreDateRangepicker
    Issue: Not working, got some undefined error.
  10. CoreDateTimePicker
    Issue: Not working, got some undefined error.
  11. CoreDateTimeRangePicker
    Issue: Not working, got some undefined error.
  12. CoreEditForm
    Issue: Component not available.
  13. CoreFab
    Issue: Working but not completely documented.
  14. CoreFormButton
    Issue: Component not available.
  15. CoreFormConstants
    Issue: Documentation not available.
  16. CoreFormContainer
    Issue: Documentation not available.
  17. CoreFormControl
    Issue: No specific issue mentioned.
  18. CoreFormControlLabel
    Issue: No specific issue mentioned.
  19. CoreFormDialogs
    Issue: Component not available.
  20. CoreFormErrorText
    Feedback: No specific issue mentioned.
  21. CoreFormField
    Issue: Component not available.
  22. CoreFormGroup
    Issue: No specific issue mentioned.
  23. CoreFormHeader
    Issue: Component not available.
  24. CoreFormHeaderActions
    Issue: Component not available.
  25. CoreFormHelperText
    Issue: Component not available.
  26. CoreFormInputs
    Issue: Component not available.
  27. CoreFormLabelCheckbox
    Issue: Component not available.
  28. CoreGoogleButton
    Issue: Documentation not available.
  29. CoreInputAdornment
    Issue: Not working, documentation not available.
  30. CoreJSONInput
    Issue: Documentation not available.
  31. CoreMedicineSelector
    Issue: Documentation not available.
  32. CoreMenu
    Issue: Documentation not available.
  33. CoreMultiTimeRangePicker
    Issue: Documentation not available.
  34. CoreOutlinedButton
    Issue: Documentation not available.
  35. CorePhone
    Issue: Documentation not available.
  36. CoreReactSelectInput
    Issue: Documentation not available.
  37. CoreResponsiveButton
    Issue: Documentation not available.
  38. CoreRichTextEditor
    Issue: Documentation not available.
  39. CoreSelect
    Issue: Documentation not available.
  40. CoreSpecificForm
    Issue: Documentation not available.
  41. CoreSpeechToText
    Issue: Component not created.
  42. CoreTextButton
    Issue: Documentation not available.
  43. CoreTextarea
    Issue: Documentation not available.
  44. CoreTimePicker
    Issue: Documentation not available.
  45. CoreTimeRangePicker
    Issue: Documentation not available.
  46. CoreToggleButton
    Issue: Documentation not available.
  47. CoreTranferList
    Issue: Documentation not available.
  48. Inputs
    Issue: Documentation not available.
  49. ParentsChildMap
    Issue: Component not created.
  50. CoreViewField
    Issue: Component not created.
  51. CoreViewForm
    Issue: Component not created.
  52. CoreBottomNavigation
    Issue: Not available in documentation, component not created.
  53. CoreBottomNavigationAction
    Issue: Not available in documentation, component not created.
  54. CoreBreadcrumbs
    Issue: Not available in documentation, component not created.
  55. CoreClickAwayListener
    Issue: Not available in documentation, component not created.
  56. CoreMobileStepper
    Issue: Not available in documentation, component not created.
  57. CorePagination
    Issue: Not available in documentation, component not created.
  58. CorePaginationItem
    Issue: Not available in documentation, component not created.

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.

enhancement: Implement NativeColorPicker Component for web

Description:

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.

Expected Behavior:

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.

Proposed Features:

  • Display a color spectrum for users to visually select colors.
  • Support for inputting colors via hexadecimal, RGB, and HSL formats.
  • Ability to set initial color and receive updates on color selection.
  • Option for users to save favorite or frequently used colors.
  • Accessibility features to ensure the ColorPicker is usable for all users.

Additional Notes:

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.

Implementation of fingerprint authentication.

Introduction of new feature called Fingerprint authentication in Rxefy product.

What problem we're solving?

Needs to introduce new package of fingerprint authentication that can be used in our product.

What is the proposed solution?

We need to use this @fingerprintjs/fingerprintjs-pro-react .

ci: branch rules implementation

  • Create main(default) and development branch.
  • GitHub Settings > Branch Rules
    • Nobody able to push directly to above branches except dev-ops activities.
    • Developers needs to create issue branch and commit in that particular branch.
  • GitHub Workflow - PR Guardrails
  • Husky
    • Branch Name Validation
    • Conventional Commit
    • Code Linting
  • .eslintrc.js linting config file needs to be present
  • must have code:lint and code:format script present in package.json

bug: CoreContainer is not rendering

Describe the bug

CoreContainer is not rendering.
I have added the below code in one of my component and it is not rendering.

<CoreContainer>hello</CoreContainer>

To Reproduce

Steps to reproduce the behavior:
Use <CoreContainer>hello</CoreContainer> anywhere.

Expected behavior

CoreContainer should render.

Stack Trace

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)

enhancement: Create OnlineStatusSnackbar Component

Description

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.

Goals

  • Implement a reusable OnlineStatusSnackbar component that adheres to our design system guidelines.
  • Integrate the CoreSnackbar component seamlessly into our existing Wrappid application.

Features

  • Display different types of notifications (success, warning, error, info).
  • Support for customizable duration and auto-dismissal behavior.
  • Provide options for action buttons or icons within the Snackbar.
  • Accessibility considerations for screen readers and keyboard navigation.

Technical Considerations

  • Use Material-UI's Snackbar component as a base for the implementation.
  • Ensure proper error handling and fallbacks for edge cases.
  • Write unit tests for the CoreSnackbar component to ensure reliability and maintainability.
  • Document the usage and props of the CoreSnackbar component for developers.

Acceptance Criteria

  • The CoreSnackbar component should be implemented and functional within the project.
  • It should pass all unit tests and meet the defined requirements and features.
  • The CoreSnackbar component should be reviewed by at least one team member before merging into the main branch.

bug: pr guardrails linting deleted file

Describe the bug
On creating Pull Request, es-lint is trying to lint deleted files and failing.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

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):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

docs: Add MIT License in native-web

  • Create a LICENSE file from GitHub WebView in main branch
  • Choose a license template > MIT License
  • Click on Review and submit
  • Click on Commit changes
  • Change commit message in the dialog Propose changes window
docs: ๐Ÿ”’ license added
  
added MIT License as requested

Ref #[issue-number]
  • Change new branch name as WRPD-docs-[issue-number] in the dialog Propose changes window
  • Open a pull request to development branch

bug: react-redux version dependency cross

Describe the bug

Dependency error with native-web package.

Trace

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

Proposed Solution

Downgrade react-redux to 8.x.x

Proposed by

@anantakumarghosh

enhancement: creating a mui Date Calendar.

Describe the bug
Create NativeDateCalendar and SCDateCalendar files in native-web.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

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):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

bug: React is undefined in NativeOtpInput.js file

Describe the bug
Import React from react in NativeOtpInput.js

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

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):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

bugfix: CoreRightDrawer has some fixed width.

Describe the bug
CoreRightDrawer has a fixed width which needs to be fixed.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

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):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

bugfix: add color props in NativeIcon

Describe the bug
color props is not working in CoreIcon component

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

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):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.