npmpackage.info

Gathering detailed insights and metrics for select-posts-dropdown

select-posts-dropdown - 0.0.15 | npmpackage.info

select-posts-dropdown

A react component for listing and selecting wordpress posts using wp-api

0.0.15

GPL-3.0

JavaScript

86.86 kB

3,405 1.7

Installations

npm install select-posts-dropdown

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.14.1

NPM Version

6.4.1 Score

37.8

Supply Chain

52.6

Quality

Maintenance

Vulnerability

73.3

License

Pull Requests

Open

10

Total

17

Closed

3

Merged

4

Issues

Open

1

Total

1

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

KenEucker

Download Statistics

Total Downloads

3,405

Last Day

Last Week

Last Month

Last Year

575

GitHub Statistics

GPL-3.0 License

34 Commits

2 Watchers

11 Branches

1 Contributors

Updated on Feb 08, 2023

Bundle Size

330.23 kB

Minified

86.86 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

0.0.15

Package Id

select-posts-dropdown@0.0.15

Unpacked Size

198.84 kB

Size

73.16 kB

File Count

NPM Version

6.4.1

Node Version

10.14.1

Total Downloads

Cumulative downloads

Total Downloads

3,405

Last Day

-93.8%

Compared to previous day

Last Week

-81.3%

Compared to previous week

Last Month

-58.9%

Compared to previous month

Last Year

64.8%

575

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@wordpress/api-fetch react semantic-ui-react

Dev Dependencies

@babel/cli @babel/core @babel/plugin-proposal-class-properties @babel/preset-env @babel/preset-react eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react

select-posts-dropdown

A react component for listing and selecting wordpress posts using wp-api

SelectPostsDropdown is a React component to render a dropdown that will be populated with the posts, of the type specificed, and allows the user to search through items. This components takes care of updating the state of the dropdown menu and uses render props to fetch and then load the posts listed by title.

Install

1  yarn install select-posts-dropdown

Usage

1import SelectPostsDropdown from 'select-posts-dropdown';
2
3const PostDropdown = () => (
4  <SelectPostsDropdown
5    onChange={ ( { id, title } ) => {
6      console.log( 'post selected', { id, title } )
7    } }
8  />
9);

Props

The component accepts the following props. Props not included in this set will be applied to the element wrapping Popover content.

className

className of the outermost container

Type: String
Required: No

onChange

A callback invoked when a selection is made on the dropdown menu.

Type: Function
Required: Yes

The first argument of the callback is an object containing the following properties:

title: The title of the post
id: The ID of the post

options

The values to load on initial render. These options will be replaced when the api call returns with data.

Type: Array
Required: No

placeholder

The text to place into the dropdown on it's initial state when no selection is active

Type: String
Required: No

saveToWpData

If Boolean :: true, whenever a request is made from the wp-api the resulting posts are saving in a window object window.wpData.[postType]

If string :: !empty, resulting posts data is saved to the window under this name (eg: data == window.data)

Type: Boolean or string
Required: No
Default: true

selectedValue

The value to set the dropdown to after render.

Type: String
Required: No

heading

Some text to place above the dropdown, if left empty no text will appear.

Type: string
Required: No

limit

Limit to only this number of selected posts

Type: number
Required: No

License & Attribution

This project is inspired by the hard work of everyone at Auttomatic and their dedication to open source software.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More