{"id":22104511,"url":"https://github.com/virtru/react-components","last_synced_at":"2025-07-25T02:31:21.861Z","repository":{"id":53441459,"uuid":"184640741","full_name":"virtru/react-components","owner":"virtru","description":"Virtru standard React components for daily use","archived":false,"fork":false,"pushed_at":"2024-02-29T16:59:52.000Z","size":6706,"stargazers_count":1,"open_issues_count":2,"forks_count":4,"subscribers_count":32,"default_branch":"master","last_synced_at":"2024-03-26T20:32:55.775Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/virtru.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"license-checker-config.yaml","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-02T19:37:26.000Z","updated_at":"2024-02-29T16:55:54.000Z","dependencies_parsed_at":"2022-08-17T19:40:44.808Z","dependency_job_id":null,"html_url":"https://github.com/virtru/react-components","commit_stats":null,"previous_names":[],"tags_count":58,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virtru%2Freact-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virtru%2Freact-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virtru%2Freact-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virtru%2Freact-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/virtru","download_url":"https://codeload.github.com/virtru/react-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227501137,"owners_count":17781380,"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-12-01T06:32:40.015Z","updated_at":"2024-12-01T06:32:50.045Z","avatar_url":"https://github.com/virtru.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"react-components\n================\n\n# Warning\n\n**Note: This library is deprecated. Please consider using [virtuoso-design-system](https://github.com/virtru/virtuoso-design-system)**\n\n# Usage\n\nThis library exports both ES Modules (ESM) and CommonJS (CJS).\n\nWe highly recommend that you use the ESM version of this library, as it will allow your build process to perform tree-shaking to remove unused code in your generated bundle. To do this, use a ESM-aware build system, such as Rollup or webpack 2+, as they respect the `module` field in `package.json`.\n\n## ES Modules (ESM)\n\n```js\nimport { Tooltip } from 'react-components';\nimport 'react-components/dist/styles.css';\n```\n\n## CommonJS (CJS)\n\n```js\nconst Tooltip = require('react-components').Tooltip;\nrequire('react-components/dist/styles.css');\n```\n\n# Visual Regression Testing (VRT)\n\nThis repository uses Loki for VRT to ensure the visual appearance of states of the components does not regress. Baseline reference images are intentionally checked into this repository in `.loki/reference/`.\n\n## Running VRT locally\n\nYou can run the VRT tests locally to check to see if your changes have caused visual regressions from the existing baselines:\n\n```\n$ npm run test:vrt\n```\n\nAny failed tests will be output in `.loki/difference/`. You can inspect any visual differences that are highlighted in these output images.\n\nIf the differences are intended, you can update the baselines by following the instructions in the next section.\n\n## Updating Loki Baselines\n\n_Note_: Before performing this step, you must first run the VRT once (see previous section).\n\nIf you run the tests above and have legitimate changes in the visual appearance of the components, you can approve new baselines, which will replace the existing baseline images with the new, current images:\n\n```\n$ npx loki approve\n```\n\nThis will immediately take all new baseline images from the last test run and replace the existing baseline images. If you wish to update a specific test case image only but reject other changes, see the [Loki CLI reference](https://loki.js.org/command-line-arguments.html).\n\nWe recommend only approving new baselines once all unintended visual changes have been fixed, then running the command above so no fine-grained filtering of new baselines is needed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvirtru%2Freact-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvirtru%2Freact-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvirtru%2Freact-components/lists"}