react-ttsx/dist/Functions/Alert/Alert.main.js

This package provides a set of reusable React components, including buttons, alerts, and spinners, to help you quickly build and style your React applications. The components are designed to be highly customizable and easy to integrate into your projects.

"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 });
exports.Alert = void 0;
const react_1 = require("react");
const api_types_1 = require("./ApiTypes/api.types");
const AlertStyles = __importStar(require("../Style/Alert/Main"));
class Alert {
    constructor(Type) {
        this.Type = (0, api_types_1.TypeofAlert)(Type);
        this.css = this.getStyle();
    }
    getStyle() {
        if (!this.Type) {
            throw new Error('Error: Invalid type');
        }
        const AllTypes = Object.keys(api_types_1.AlertType).filter(key => isNaN(Number(key)));
        if (AllTypes.includes(this.Type)) {
            const style = AlertStyles[this.Type];
            if (style) {
                return style;
            }
            else {
                throw new Error(`Invalid type ${this.Type}`);
            }
        }
        else {
            throw new Error('Error: Invalid type');
        }
    }
    AddStyle(customStyle) {
        this.css = Object.assign(Object.assign({}, this.css), customStyle);
    }
    SetStyle(customStyle) {
        this.css = Object.assign({}, customStyle);
    }
    RemoveStyle(stylesToRemove) {
        stylesToRemove.forEach(style => {
            delete this.css[style];
        });
    }
    Build() {
        const css = this.css;
        const DefaultIconStyle = {
            marginRight: '25px',
        };
        return function ({ text, icon, props }, icoStyle) {
            return (0, react_1.createElement)('div', Object.assign({ style: css }, props), icon ? (0, react_1.createElement)('span', { style: Object.assign(Object.assign({}, DefaultIconStyle), icoStyle) }, icon) : null, text);
        };
    }
}
exports.Alert = Alert;