open-index/open-npm huggingface dataset:
npm package: @popupmenu/react-native-popup-menu
Description: Provide a programmatically api for showing popup menu
Author: xhmm
Latest version: 0.1.2

# React-Native-PopupMenu
Provide a programmatically api for showing popup menu


## Why this?
Although there are repos have implemented native popup menu component for android ([@react-native-menu/menu](https://github.com/react-native-menu/menu),  [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)), but they **didn't solve the issue when pressable component as the children of popup menu, press event will not be triggered**, for this issue, using api to control showing seems more flexible.

This repo didn't provide ios implementation, because ios doesn't have this issue, but if someone has this requirement, PR or issue is welcomed. So when used under ios platform, a normal `View` will be returned



## Install

```sh
yarn add @popupmenu/react-native-popup-menu
```
or
```sh
npm i @popupmenu/react-native-popup-menu
```

no linking required when using react-native 0.60+

## Usage

```js
import * as React from 'react';
import { useRef } from 'react';
import { Pressable, View, Text } from 'react-native';
import { PopupMenu, showPopupMenu } from '@popupmenu/react-native-popup-menu';

const ContentInPopupMenu = () => {
  const popRef = useRef<any>(null);
  const anchorRef = useRef<any>(null);

  return (
    <PopupMenu
      ref={popRef}
      onActionPress={(ev) => {
        console.log('action press:', ev.nativeEvent);
      }}
      actions={[
        { id: 'eat', title: 'go eating' },
        { id: 'drink', title: 'got drinking' },
      ]}
      style={{
        backgroundColor: 'pink',
        padding: 10,
      }}
    >
      <Text style={{ fontWeight: 'bold', fontSize: 20 }}>long press below</Text>
      <Pressable
        ref={anchorRef}
        onLongPress={() => {
          console.log('long press');
          showPopupMenu(popRef, anchorRef);
        }}
        onPress={() => {
          console.log('press can be triggered under PopupMenu');
        }}
        style={{
          width: 300,
          padding: 20,
          height: 100,
          backgroundColor: 'orange',
        }}
      />
    </PopupMenu>
  );
};

```

## API
### PopupMenu
#### props
##### `actions`:
```ts
Array<{ id: string; title: string }>
```
##### `onActionPress`:
```ts
(event: { nativeEvent: { id: string } }) => void;
```
### showPopupMenu
Call this method to programmatically show popup menu
```ts
(
  // shoud be the ref of PopupMenu
  popupMenuRef: MutableRefObject<typeof PopupMenu>,
  // popup menu will show besides this ref component
  anchorRef: MutableRefObject<any>
) => void
```


## License

MIT
npm package: @popzatem/sdk
Description: 🛠 An SDK for building applications on top.
Latest version: 2.6.1

# Pancakeswap SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancake-swap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @popzatem/uikitv2
Description: Set of UI components for pancake projects
Latest version: 0.64.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @poratta/website
Description: Pharos acts as a guiding light to helps us create consistent, dependable and focused experiences for all of JSTOR users.
Author: Poratta Inc
Latest version: 0.1.0

<h1 align="center">
  Publishing documentation
</h1>

## MDX

Documentation pages on the Pharos site are written using MDX — markdown files that allow you to integrate JSX easily. This combines the ease in editing long-form content with being able to import components which can elevate the content. These file names should be kebab-cased and named to match the component and what will be displayed in the side navigation bar.

## Pharos components

Components used in the documentation can be found in `/src/components`. Examples of them being used and imported can be seen in other existing MDX files found in `pharos-site/src/static`. Please use the `<PageSection>` component for each documentation category and use its `subSectionLevel` property for subsections under the category. For best practices, also use the `<BestPractices>` component

## Adding page to side-navigation bar

When creating a new section or page of documentation, it is important to add a link to the page in the sidenav so that users can readily navigate to the page. This involves accessing the sidenav component in `pharos-site/src/components/Sidenav.tsx` and adding the newly made page to the appropriate array, which will generate a link in the sidenav automatically. Consequently, it is important to follow the naming conventions mentioned in the MDX section.

## Making a pull request

Once a page has been created or documentation has been modified, you can then generate a [pull request](https://github.com/@poratta/splash/pulls) indicating the changes made.
npm package: @porbeta/cra-template-micro-frontend
Description: A Create React App template for creating custom elements (using Web Components).
Latest version: 1.0.4

# cra-template-micro-frontend

This is the official base template for the [Create React App Micro-Frontend](https://github.com/porbeta/cra-template-micro-frontend) repository.

You can use this template by running the following:
```
npx create-react-app my-app --template @porbeta/micro-frontend
```

```
yarn create react-app my-app --template @porbeta/micro-frontend
```

For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
npm package: @porch/eslint-config-porch
Description: Porch's eslint configuration.
Author: Porch
Latest version: 9.1.4

# @porch/eslint-config-porch

[![Build Status](https://travis-ci.org/porchdotcom/eslint-config-porch.svg?branch=master)](https://travis-ci.org/porchdotcom/eslint-config-porch)

Porch's [eslint](https://eslint.org/) configuration for JavaScript libraries and React applications.

## Installation

`npm install eslint @porch/eslint-config-porch --save-dev`

## Usage

`.eslintrc`

```json
{
    "extends": "@porch/porch"
}
```

`package.json`
```json
{
    "scripts": {
        "lint": "eslint . --ext .js --ext .jsx"
    }
}
```
npm package: @porch/gatsby-source-gitlab-projects
Description: Gatsby source plugin for getting all project metadata from Gitlab
Author: Alex Hogue
Latest version: 0.2.0

# gatsby-source-gitlab-projects

Gatsby source plugin for fetching project metadata for projects in Gitlab.

## Usage
```
npm install @porch/gatsby-source-gitlab-projects
```

Add the following to your `gatsby-config.js`:
```js
module.exports = {
 plugins: [
    {
      resolve: '@porch/gatsby-source-gitlab-projects',
      options: {
        gitlab: {
          domain: 'your-gitlab-domain',
          privateToken: 'your-private-token',
        },
        includeReadme: true,
        searchParams: {
            // See https://docs.gitlab.com/ee/api/projects.html#list-all-projects
        },
        groupId: 1 // If provided, will fetch all projects for the given group, see https://docs.gitlab.com/ee/api/groups.html#list-a-groups-projects
      }
    }
};
```

Sample Gatsbys GraphQL query:
```graphql
{
  allGitLabProject {
    edges {
      node {
        id
        project {
          name
          name_with_namespace
          description
          path
          web_url
          namespace {
            id
            name
          }
        }
      }
    }
  }
}
```
Read the [Gatsby documentation](https://www.gatsbyjs.org/docs/querying-with-graphql/) for help on using GraphQL.