{"id":15715811,"url":"https://github.com/gnapse/org-ui","last_synced_at":"2025-03-30T20:18:34.871Z","repository":{"id":66696888,"uuid":"110023706","full_name":"gnapse/org-ui","owner":"gnapse","description":"Reusable components for React apps using material-ui, redux and react-router","archived":false,"fork":false,"pushed_at":"2018-05-03T18:50:58.000Z","size":336,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-05T23:01:08.332Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gnapse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-08T19:55:58.000Z","updated_at":"2018-05-03T18:50:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"c4d0b5ef-78ac-4506-a4dd-3ceb52d27332","html_url":"https://github.com/gnapse/org-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnapse%2Forg-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnapse%2Forg-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnapse%2Forg-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gnapse%2Forg-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gnapse","download_url":"https://codeload.github.com/gnapse/org-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246372743,"owners_count":20766635,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-03T21:43:09.124Z","updated_at":"2025-03-30T20:18:34.849Z","avatar_url":"https://github.com/gnapse.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Reusable Material Design Components and utilities\n\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\nThis package contains a few reusable components and helpers built around Material Design, and using\nthe React [`material-ui`](https://material-ui-next.com/) library. It is useful for React projects\nthat use [Material Design](https://material.io/), [Redux](http://redux.js.org/) and\n[React Router](https://reacttraining.com/react-router/).\n\n## Summary of components and helpers provided\n\n### Confirmation \u0026 acknowledgement\n\nMaterial-Design-like [confirmation \u0026 acknowledgement](https://material.io/guidelines/patterns/confirmation-acknowledgement.html)\ncomponents, alongside a Redux setup that allows to dispatch actions to show these dialogs and\nalerts, and keeping the necessary state in the global redux store.\n\n- [`src/components/flash`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/flash)\n- [`src/components/modal`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/modal)\n\nThe `modal` module also serves the general purpose of dispatching actions to show any modal, beyond\nthe built-in ones for confirmation and alert.\n\n### Dropdown menus and links\n\nLink and dropdown menu components that are compatible with React Router out of the box, rendering\nlinks that play well with the router, instead of trigerring a full page reload. The dropdown menu\ncomponent also deals internally with the close/open state of the dropdown, so you don't have to.\n\n- [`src/components/DropdownMenu`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/DropdownMenu)\n- [`src/components/MenuItem`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/MenuItem)\n- [`src/components/Fab`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/MenuItem)\n\n### Complex form controls\n\nA couple of complex form input components that we extracted from the original app in which we\ncreated them, and that may be useful elsewhere.\n\n- [`src/components/InputList`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/InputList)\n- [`src/components/OptionsSelect`](https://github.com/ProjectVegas/org-ui/tree/master/src/components/OptionsSelect)\n\n### Other components\n\nA few other components that don't fit in a single category, and that either abstract away even more\nthe details and boilerplate code needed to use some material-ui components out of the box, or else\nprovide some other benefit. Check out all the modules inside the\n[components](https://github.com/ProjectVegas/org-ui/tree/master/src/components) directory. Ideally\ncomponent folder includes a `README` with meaningful documentation, usage examples, etc. Please\nforgive us if that's not the case. Let us know by opening an issue, or better yet, a pull request.\n\n## Storybook\n\nThis project features a [storybook](https://storybook.js.org/), or living guide, of some of the\ncomponents listed above. You can launch it with the following command:\n\n```\nyarn storybook\n```\n\nThen visit http://localhost:9009 and play around. This is useful both as a documentation of what\nexists, or an aid when developing on any of the existing or new components, without having an actual\napp with UI on which to test and play around.\n\n## Contributing\n\nThis project is very young, and it may well be that the provided components have bugs, or are not\neasily usable or reusable. We also welcome proposals of new components that could be useful to\ninclude in this library. And last but not least, proposals about how to better organize the code in\nthe library, or about all the build setup and configuration, as well as of the dev tools we're using\nare also more than welcome. Issues and pull requests are welcome.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgnapse%2Forg-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgnapse%2Forg-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgnapse%2Forg-ui/lists"}