@gpa-gemstone/react-forms/lib/ToggleSwitch.js

React Form modules for gpa webapps

"use strict";
// ******************************************************************************************************
//  ToggleSwitch.tsx - Gbtc
//
//  Copyright © 2020, 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 licenses 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:
//  ----------------------------------------------------------------------------------------------------
//  04/19/2024 - Preston Crawford
//       Generated original version of source code.
//
// ******************************************************************************************************
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = ToggleSwitch;
var React = require("react");
var helper_functions_1 = require("@gpa-gemstone/helper-functions");
var HelpIcon_1 = require("./HelpIcon");
function ToggleSwitch(props) {
    var switchID = React.useState((0, helper_functions_1.CreateGuid)())[0];
    // Variables to control the rendering of label and help icon.
    var label = props.Label === undefined ? props.Field : props.Label;
    return (React.createElement("div", { className: "custom-control custom-switch form-group", style: props.Style },
        React.createElement("input", { type: "checkbox", className: "custom-control-input", onChange: function (evt) {
                var record = __assign({}, props.Record);
                record[props.Field] = evt.target.checked;
                props.Setter(record);
            }, value: props.Record[props.Field] ? 'on' : 'off', checked: props.Record[props.Field], disabled: props.Disabled == null ? false : props.Disabled, id: switchID }),
        React.createElement("label", { className: "custom-control-label d-flex align-items-center", style: { width: 'fit-content' }, htmlFor: switchID },
            React.createElement("span", null, label),
            React.createElement(HelpIcon_1.default, { Help: props.Help }))));
}