Research
Recent Trends in Malicious Packages Targeting Discord
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.
react-timeline-9000
Advanced tools
Readme
A performance focused timeline component in react
Action | Command |
---|---|
Build | $ make |
Test | $ make test or $ make test-watch |
Run dev server | $ make run |
import react-timeline-9000/lib/style.css
(or use your own styles based on this file)Feel free to make a PR :)
Default interaction for multiple selection is largely governed by the leading item, which is defined as the item that is directly interacted with when multiple items are selected.
All items will move by the same horizontal delta and row changes will be calculated by the row delta of the leading item
All items will gain the resize delta from the leading item.
TBA
onInteraction(type, changes, leadTimeDelta, leaderGroupDelta,selectedItems)
See http://react-timeline-9000.s3-website-ap-southeast-2.amazonaws.com/docs/ for detailed docs
Name | Default | Description |
---|---|---|
groupOffset | ||
startDate | ||
endDate | ||
snapMinutes | ||
showCursorTime | ||
cursorTimeFormat | ||
itemHeight | ||
timelineMode | ||
timebarFormat | ||
itemRenderer | ||
groupRenderer | ||
shallowUpdateCheck | False | If true timeline will try to minimize re-renders . Set to false if items don't show up/update on prop change |
forceRedrawFunc | () => False | Function called when shallowUpdateCheck ==true. If returns true the timeline will be redrawn. If false the library will decide if redrawing is required |
useMoment | True | If true timeline will use moment for dates (including for items and rowLayers); otherwise the type for dates is number |
Name |
---|
items |
groups |
selectedItems |
Name |
---|
onItemClick |
onItemDoubleClick |
onItemContext |
onInteraction |
onRowClick |
onRowContext |
onRowDoubleClick |
onItemHover |
onItemLeave |
src/style.css
for styling examples.react-timeline-9000/lib/style.css
Item | Index |
---|---|
Row Layers | 1 |
Vertical markers | 2 |
Timeline items | 3 |
Timeline items when dragging/resizing | 4 |
Selection box (for multi-select) | 5 |
Group column | 6 |
FAQs
Performance focused timeline for react
The npm package react-timeline-9000 receives a total of 129 weekly downloads. As such, react-timeline-9000 popularity was classified as not popular.
We found that react-timeline-9000 demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.
Security News
Socket CEO Feross Aboukhadijeh joins a16z partners to discuss how modern, sophisticated supply chain attacks require AI-driven defenses and explore the challenges and solutions in leveraging AI for threat detection early in the development life cycle.
Security News
NIST's new AI Risk Management Framework aims to enhance the security and reliability of generative AI systems and address the unique challenges of malicious AI exploits.