
Research
Malicious npm Packages Impersonate Flashbots SDKs, Targeting Ethereum Wallet Credentials
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
@dexma/ui-components
Advanced tools
React components library by Dexma
Install with npm: npm install --save @dexma/ui-components
Use the component importing from the library
import { Button } from '@dexma/ui-components';
<Button text='Some text' variant='primary' size='medium' />;
import { Theme, Button } from '@dexma/ui-components';
<Theme
options={{
primary: '#aa0800',
}}
>
<Button text='Some text' variant='primary' size='medium' />
</Theme>;
You can find all the configuration in the theme file theme.js
To run the installation locally on your machine, you need Node.js installed on your computer.
git clone https://github.com/dexma/ui-components
cd ui-components
npm install
For the documentation we use storybook docs that transforms our stories into world-class component documentation.
npm run storybook
npm run build-storybook
this will export a static folder with all our component docsFor changelogs, check out the CHANGELOG section of ui-components
We use React Testing Library as our testing lib you can check out the documentation
npm run test
Note: Due to the use of third-party libraries, some components use methods that JSDOM (the DOM implementation used by Jest) hasn't implemented yet, testing it is not easily possible. This is the case with window.matchMedia(). Jest returns TypeError: window.matchMedia is not a function
and doesn't properly execute the test.
In this case, to resolve this issue to execute successfully your tests when @dexma/ui-components is used, include the following code on setupTest file for Jest to mock matchMedia and it should solve the issue:
Object.defineProperty(window, 'matchMedia', {
writable: true,
value: jest.fn().mockImplementation((query) => ({
matches: false,
media: query,
onchange: null,
addListener: jest.fn(), // deprecated
removeListener: jest.fn(), // deprecated
addEventListener: jest.fn(),
removeEventListener: jest.fn(),
dispatchEvent: jest.fn(),
})),
});
Check out the CONTRIBUTING document in the root of the repository to learn how you can contribute.
FAQs
DEXMA UI Components (React)
The npm package @dexma/ui-components receives a total of 25 weekly downloads. As such, @dexma/ui-components popularity was classified as not popular.
We found that @dexma/ui-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.