@makabay/customizedmodal
Advanced tools
Comparing version 0.1.22 to 0.1.23
@@ -1,46 +0,1 @@ | ||
// React | ||
import React from "react"; | ||
// Style | ||
import './customizedModal.css'; | ||
export default function CustomizedModal(props) { | ||
const { closeButtonText, textNotification, confirmationText, modalState, changeModalState } = props; | ||
function closeModal() { | ||
changeModalState(!modalState); | ||
} | ||
return React.createElement( | ||
'div', | ||
{ className: modalState ? 'background-modal' : 'background-modal-display-none' }, | ||
React.createElement( | ||
'div', | ||
{ className: 'background-modal__customized-modal' }, | ||
React.createElement( | ||
'header', | ||
{ className: 'background-modal__customized-modal__header' }, | ||
React.createElement( | ||
'button', | ||
{ onClick: closeModal, className: 'background-modal__customized-modal__header__close-button customized-modal-button' }, | ||
closeButtonText | ||
) | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'background-modal__customized-modal__content' }, | ||
React.createElement( | ||
'p', | ||
{ className: 'background-modal__customized-modal__content__text' }, | ||
textNotification | ||
), | ||
React.createElement( | ||
'button', | ||
{ onClick: closeModal, className: 'background-modal__customized-modal__content__valide-button customized-modal-button' }, | ||
confirmationText | ||
) | ||
) | ||
) | ||
); | ||
} | ||
import e from"react";import"./customizedModal.css";export default function t(t){const{closeButtonText:o,textNotification:a,confirmationText:c,modalState:d,changeModalState:m}=t;function n(){m(!d)}return e.createElement("div",{className:d?"background-modal":"background-modal-display-none"},e.createElement("div",{className:"background-modal__customized-modal"},e.createElement("header",{className:"background-modal__customized-modal__header"},e.createElement("button",{onClick:n,className:"background-modal__customized-modal__header__close-button customized-modal-button"},o)),e.createElement("div",{className:"background-modal__customized-modal__content"},e.createElement("p",{className:"background-modal__customized-modal__content__text"},a),e.createElement("button",{onClick:n,className:"background-modal__customized-modal__content__valide-button customized-modal-button"},c))))} |
{ | ||
"name": "@makabay/customizedmodal", | ||
"version": "0.1.22", | ||
"version": "0.1.23", | ||
"type": "module", | ||
@@ -12,2 +12,4 @@ "main": "dist/index.js", | ||
}, | ||
"description": "Enjoy a simple customized modal package, ease of use.", | ||
"keywords": ["modal", "customized", "simple", "simple modal customized"], | ||
"scripts": { | ||
@@ -14,0 +16,0 @@ "dev": "vite", |
Sorry, the diff of this file is not supported yet
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
6873
1
1