@gpa-gemstone/common-pages
Version:
Common UI pages for GPA products
122 lines (121 loc) • 8.96 kB
JavaScript
"use strict";
//******************************************************************************************************
// DateTimeLocalFilter.tsx - Gbtc
//
// Copyright © 2025, 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:
// ----------------------------------------------------------------------------------------------------
// 07/14/2025 - Preston Crawford
// Generated original version of source code.
//******************************************************************************************************
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;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var react_forms_1 = require("@gpa-gemstone/react-forms");
var TimeFilter_1 = require("../TimeFilter");
var QuickSelects_1 = __importDefault(require("../QuickSelects"));
var react_interactive_1 = require("@gpa-gemstone/react-interactive");
var DateTimeLocalFilter = function (props) {
var _a, _b, _c, _d, _e, _f;
var FirstFallbackBreakpointQS = 1768;
var SecondFallbackBreakpointQS = 612, FirstFallbacKBreakpointNoQS = 612;
var _g = React.useState(false), showQuickPickModal = _g[0], setShowQuickPickModal = _g[1];
var handleSetTimeWindowFilter = React.useCallback(function (record) {
var flt = (0, TimeFilter_1.getTimeWindowFromFilter)({ start: record.start, end: record.end }, props.Format);
props.SetTimeWindowFilter(flt);
props.SetActiveQP(-1);
}, [props.Format]);
var startEndCol = React.useMemo(function () {
if (props.ShowQuickSelects) {
if (props.ContainerWidth > FirstFallbackBreakpointQS)
return 'col-2';
else if (props.ContainerWidth > SecondFallbackBreakpointQS)
return 'col-6';
else
return 'col-12';
}
if (props.ContainerWidth > FirstFallbacKBreakpointNoQS)
return 'col-6';
else
return 'col-12';
}, [props.ShowQuickSelects, props.DateUnit, props.ContainerWidth]);
var quickSelectCol = React.useMemo(function () {
if (props.ContainerWidth > FirstFallbackBreakpointQS)
return 'col-8';
return 'col-12';
}, [props.DateUnit, props.ContainerWidth]);
if (props.ContainerWidth > FirstFallbackBreakpointQS) {
return (React.createElement("div", { className: 'row m-0' },
React.createElement("div", { className: startEndCol },
React.createElement(react_forms_1.DatePicker, { Record: props.TimeWindowFilter, Field: "start", Help: props.HelpMessage, Setter: handleSetTimeWindowFilter, Label: 'Start', Type: (_a = props.DateUnit) !== null && _a !== void 0 ? _a : 'datetime-local', Valid: function () { return true; }, Format: props.Format, Accuracy: props.Accuracy })),
React.createElement("div", { className: startEndCol },
React.createElement(react_forms_1.DatePicker, { Record: props.TimeWindowFilter, Field: "end", Help: props.HelpMessage, Setter: handleSetTimeWindowFilter, Label: 'End', Type: (_b = props.DateUnit) !== null && _b !== void 0 ? _b : 'datetime-local', Valid: function () { return true; }, Format: props.Format, Accuracy: props.Accuracy })),
props.ShowQuickSelects ?
React.createElement("div", { className: quickSelectCol },
React.createElement(QuickSelects_1.default, { DateTimeSetting: 'startEnd', Timezone: props.Timezone, ActiveQP: props.ActiveQP, SetActiveQP: props.SetActiveQP, SetFilter: props.SetFilter, Format: props.Format, DateUnit: props.DateUnit })) : null));
}
else if (props.ContainerWidth > SecondFallbackBreakpointQS) {
return (React.createElement("div", { className: 'row m-0' },
React.createElement("div", { className: startEndCol },
React.createElement(react_forms_1.DatePicker, { Record: props.TimeWindowFilter, Field: "start", Help: props.HelpMessage, Setter: handleSetTimeWindowFilter, Label: 'Start', Type: (_c = props.DateUnit) !== null && _c !== void 0 ? _c : 'datetime-local', Valid: function () { return true; }, Format: props.Format, Accuracy: props.Accuracy })),
React.createElement("div", { className: startEndCol },
React.createElement(react_forms_1.DatePicker, { Record: props.TimeWindowFilter, Field: "end", Help: props.HelpMessage, Setter: handleSetTimeWindowFilter, Label: 'End', Type: (_d = props.DateUnit) !== null && _d !== void 0 ? _d : 'datetime-local', Valid: function () { return true; }, Format: props.Format, Accuracy: props.Accuracy })),
React.createElement("div", { className: 'row m-0 w-100' }, props.ShowQuickSelects ?
React.createElement("div", { className: quickSelectCol },
React.createElement(QuickSelects_1.default, { DateTimeSetting: 'startEnd', Timezone: props.Timezone, ActiveQP: props.ActiveQP, SetActiveQP: props.SetActiveQP, SetFilter: props.SetFilter, Format: props.Format, DateUnit: props.DateUnit }))
: null)));
}
else {
return (React.createElement("div", { className: 'row m-0' },
React.createElement("div", { className: startEndCol },
React.createElement(react_forms_1.DatePicker, { Record: props.TimeWindowFilter, Field: "start", Help: props.HelpMessage, Setter: handleSetTimeWindowFilter, Label: 'Start', Type: (_e = props.DateUnit) !== null && _e !== void 0 ? _e : 'datetime-local', Valid: function () { return true; }, Format: props.Format, Accuracy: props.Accuracy })),
React.createElement("div", { className: startEndCol },
React.createElement(react_forms_1.DatePicker, { Record: props.TimeWindowFilter, Field: "end", Help: props.HelpMessage, Setter: handleSetTimeWindowFilter, Label: 'End', Type: (_f = props.DateUnit) !== null && _f !== void 0 ? _f : 'datetime-local', Valid: function () { return true; }, Format: props.Format, Accuracy: props.Accuracy })),
props.ShowQuickSelects ?
React.createElement("div", { className: 'row m-0 w-100' },
React.createElement("div", { className: 'col-12 d-flex align-items-center justify-content-center' },
React.createElement("button", { className: 'btn btn-primary w-100', onClick: function () { return setShowQuickPickModal(true); } }, "Quick Selects")),
React.createElement(react_interactive_1.Modal, { Show: showQuickPickModal, Title: 'Quick Selects', CallBack: function () { return setShowQuickPickModal(false); }, ShowX: true, ShowCancel: false, ShowConfirm: false, Size: 'xlg' },
React.createElement("div", { className: quickSelectCol },
React.createElement(QuickSelects_1.default, { DateTimeSetting: 'startEnd', Timezone: props.Timezone, ActiveQP: props.ActiveQP, SetActiveQP: props.SetActiveQP, SetFilter: props.SetFilter, Format: props.Format, DateUnit: props.DateUnit }))))
: null));
}
};
exports.default = DateTimeLocalFilter;