UNPKG

@gpa-gemstone/react-interactive

Version:
69 lines (68 loc) 3.38 kB
"use strict"; var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function(o, v) { o["default"] = v; }); var __importStar = (this && this.__importStar) || function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); __setModuleDefault(result, mod); return result; }; Object.defineProperty(exports, "__esModule", { value: true }); //****************************************************************************************************** // Alert.tsx - Gbtc // // Copyright © 2024, Grid Protection Alliance. All Rights Reserved. // // Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See // the NOTICE file distributed with this work for additional information regarding copyright ownership. // The GPA may license this file to you under the MIT License (MIT), the "License"; you may not use this // file except in compliance with the License. You may obtain a copy of the License at: // // http://opensource.org/licenses/MIT // // Unless agreed to in writing, the subject software distributed under the License is distributed on an // "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the // License for the specific language governing permissions and limitations. // // Code Modification History: // ---------------------------------------------------------------------------------------------------- // 08/20/2024 - Preston Crawford // Generated original version of source code. // //****************************************************************************************************** var React = __importStar(require("react")); var Alert = function (props) { var _a, _b; var _c = React.useState(true), show = _c[0], setShow = _c[1]; var handleOnClick = React.useCallback(function (e) { setShow(false); if (props.OnClick != null) props.OnClick(e); }, [props.OnClick]); //Effect to retrigger initial state React.useEffect(function () { setShow(true); }, [props.ReTrigger]); return (React.createElement("div", { className: "alert ".concat((_a = props.Color) !== null && _a !== void 0 ? _a : 'alert-dark', " alert-dismissible fade ").concat(show ? 'show' : 'd-none'), style: props.Style }, props.children, ((_b = props.ShowX) !== null && _b !== void 0 ? _b : true) ? React.createElement("button", { type: "button", className: "close", onClick: handleOnClick }, React.createElement("span", { "aria-hidden": "true" }, "\u00D7")) : null)); }; exports.default = Alert;