Installations

npm install @entrylabs/modal

Developer Guide

BETA

Typescript

No

Module System

ESM

Min. Node Version

>=16.x

Node Version

20.17.0

NPM Version

10.8.2 Score

75.6

Supply Chain

92.5

Quality

83.2

Maintenance

100

Vulnerability

98.2

License

Pull Requests

Open

0

Total

52

Closed

9

Merged

43

Issues

Open

0

Total

1

Closed

1

Releases

6

v1.4.3

Published on 25 Sept 2024

v1.4.2

Published on 24 Sept 2024

v1.4.1

Published on 24 Sept 2024

v1.4.0

1.4.0

Published on 27 Aug 2024

v1.3.1

Published on 07 Mar 2023

1.2.7

Published on 29 Dec 2021

View all 6 releases

Contributors

7

Unable to fetch Contributors

View all 7 contributors

Languages

3

JavaScript

SCSS

HTML

JavaScript (57.93%)

SCSS (40.5%)

HTML (1.58%)

Developer

entrylabs

Download Statistics

Total Downloads

21,808

Last Day

4

Last Week

43

Last Month

219

Last Year

9,166

GitHub Statistics

2 Stars

176 Commits

4 Watching

8 Branches

7 Contributors

Bundle Size

154.41 kB

Minified

48.91 kB

Minified + Gzipped

Bundlephobia

Maintainers

5

Package Meta Information

Latest Version

1.4.3

Package Id

@entrylabs/modal@1.4.3

Unpacked Size

7.55 MB

Size

1.55 MB

File Count

15

NPM Version

10.8.2

Node Version

20.17.0

Publised On

25 Sept 2024

Total Downloads

Cumulative downloads

Total Downloads

21,808

Last day

-55.6%

4

Compared to previous day

Last week

10.3%

43

Compared to previous week

Last month

-9.9%

219

Compared to previous month

Last year

96.7%

9,166

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

lodash-es rimraf

Peer Dependencies

2

react react-dom

Dev Dependencies

28

Versions

entry-modal

Install

Using npm

1$ npm install --save @entrylabs/modal

Using yarn

1$ yarn add @entrylabs/modal

Example

Codesandbox

React Component : https://codesandbox.io/s/entry-modal-react-couo2d
IIFE : https://codesandbox.io/s/entry-modal-iife-rf1rl

Usage

Import - React Component

Using ECMAScript module

1import '@entrylabs/modal/dist/entry/entry-modal.css'
2import { Alert, Confirm, Prompt } from '@entrylabs/modal';

Using CommonJS module

1require('@entrylabs/modal/dist/entry-modal.css');
2const { Alert, Confirm, Prompt } = require('@entrylabs/modal');

Import - script

1<link rel="stylesheet" href="{prefix}/entry/entry-modal.css" />
2<script src="{prefix}/entry-modal.js"></script>
3const { alert, confirm, prompt } = EntryModal;

React props

1<Alert
2  isShow={true}
3  content="content"
4  title="title"
5  onEvent={() => {}}
6  options={{ 
7    positiveButtonText: "positiveButtonText"
8  }}
9/>
10<Confirm
11  isShow={true}
12  content="content"
13  title="title"
14  onEvent={() => {}}
15  options={{ 
16    negativeButtonText: "negativeButtonText",
17    positiveButtonText: "positiveButtonText"
18  }}
19/>
20<Prompt
21  isShow={true}
22  content="content"
23  defaultValue="defaultValue"
24  title="title"
25  onEvent={() => {}}
26  options={{ 
27    placeholder: "ppp",
28    negativeButtonText: "negativeButtonText",
29    positiveButtonText: "positiveButtonText"
30  }}
31/>

iife props

1await EntryModal.alert('content', 'title', {
2  positiveButtonText: "positiveButtonText"
3});
4const bool = await EntryModal.confirm('content', 'title', {
5  negativeButtonText: "negativeButtonText",
6  positiveButtonText: "positiveButtonText"
7});
8const value = await EntryModal.prompt('content', 'defaultValue', 'title', {
9  placeholder: "ppp",
10  negativeButtonText: "negativeButtonText",
11  positiveButtonText: "positiveButtonText"
12});

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

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.

2

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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.

Score

2.7

/10

Last Scanned on 2025-01-27

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