@kelvininc/ui-components
Version:
Kelvin UI Components
473 lines (451 loc) • 19.7 kB
JavaScript
var EAnchorTarget;
(function (EAnchorTarget) {
EAnchorTarget["BrowserDefault"] = "_self";
EAnchorTarget["NewTab"] = "_blank";
EAnchorTarget["Parent"] = "_parent";
EAnchorTarget["Top"] = "_top";
})(EAnchorTarget || (EAnchorTarget = {}));
var EComponentSize;
(function (EComponentSize) {
EComponentSize["Small"] = "small";
EComponentSize["Large"] = "large";
})(EComponentSize || (EComponentSize = {}));
var ETooltipPosition;
(function (ETooltipPosition) {
ETooltipPosition["Top"] = "top";
ETooltipPosition["TopEnd"] = "top-end";
ETooltipPosition["TopStart"] = "top-start";
ETooltipPosition["Right"] = "right";
ETooltipPosition["RightEnd"] = "right-end";
ETooltipPosition["RightStart"] = "right-start";
ETooltipPosition["Bottom"] = "bottom";
ETooltipPosition["BottomEnd"] = "bottom-end";
ETooltipPosition["BottomStart"] = "bottom-start";
ETooltipPosition["Left"] = "left";
ETooltipPosition["LeftEnd"] = "left-end";
ETooltipPosition["LeftStart"] = "left-start";
})(ETooltipPosition || (ETooltipPosition = {}));
var EAlarmSeverity;
(function (EAlarmSeverity) {
EAlarmSeverity["One"] = "1";
EAlarmSeverity["Two"] = "2";
EAlarmSeverity["Three"] = "3";
EAlarmSeverity["Four"] = "4";
EAlarmSeverity["Five"] = "5";
})(EAlarmSeverity || (EAlarmSeverity = {}));
var StyleMode;
(function (StyleMode) {
StyleMode["Night"] = "night";
StyleMode["Light"] = "light";
})(StyleMode || (StyleMode = {}));
var EAbsoluteTimePickerMode;
(function (EAbsoluteTimePickerMode) {
EAbsoluteTimePickerMode["Single"] = "single";
EAbsoluteTimePickerMode["Range"] = "range";
})(EAbsoluteTimePickerMode || (EAbsoluteTimePickerMode = {}));
var ERelativeTimeInputMode;
(function (ERelativeTimeInputMode) {
ERelativeTimeInputMode["Text"] = "text";
ERelativeTimeInputMode["Date"] = "date";
})(ERelativeTimeInputMode || (ERelativeTimeInputMode = {}));
var EInputSource;
(function (EInputSource) {
EInputSource["From"] = "from";
EInputSource["To"] = "to";
EInputSource["Single"] = "single";
})(EInputSource || (EInputSource = {}));
var EAbsoluteTimeError;
(function (EAbsoluteTimeError) {
EAbsoluteTimeError["EndDateBeforeStartDate"] = "end-date-before-start-date";
EAbsoluteTimeError["StartDateBeforeMinimumDate"] = "start-date-before-minimum-date";
EAbsoluteTimeError["EndDateAfterMaximumDate"] = "end-date-after-maximum-date";
})(EAbsoluteTimeError || (EAbsoluteTimeError = {}));
var EActionButtonType;
(function (EActionButtonType) {
EActionButtonType["Primary"] = "primary";
EActionButtonType["Secondary"] = "secondary";
EActionButtonType["Tertiary"] = "tertiary";
EActionButtonType["Text"] = "text";
EActionButtonType["Danger"] = "danger";
})(EActionButtonType || (EActionButtonType = {}));
var EAlertType;
(function (EAlertType) {
EAlertType["Info"] = "info";
EAlertType["Error"] = "error";
EAlertType["Success"] = "success";
EAlertType["Warning"] = "warning";
})(EAlertType || (EAlertType = {}));
var EBadgeType;
(function (EBadgeType) {
EBadgeType["Primary"] = "primary";
EBadgeType["Secondary"] = "secondary";
})(EBadgeType || (EBadgeType = {}));
var ECopyToClipboardState;
(function (ECopyToClipboardState) {
ECopyToClipboardState["ReadyToCopy"] = "ready-to-copy";
ECopyToClipboardState["Copied"] = "copied";
})(ECopyToClipboardState || (ECopyToClipboardState = {}));
var EDateTimeInputTypeStyle;
(function (EDateTimeInputTypeStyle) {
EDateTimeInputTypeStyle["Separated"] = "separated";
EDateTimeInputTypeStyle["MergedLeft"] = "merged-left";
EDateTimeInputTypeStyle["MergedRight"] = "merged-right";
})(EDateTimeInputTypeStyle || (EDateTimeInputTypeStyle = {}));
var EIconName;
(function (EIconName) {
EIconName["Action"] = "kv-action";
EIconName["Activity"] = "kv-activity";
EIconName["Add"] = "kv-add";
EIconName["Agents"] = "kv-agents";
EIconName["AI"] = "kv-ai";
EIconName["AlignBottom"] = "kv-align-bottom";
EIconName["AlignTop"] = "kv-align-top";
EIconName["Application"] = "kv-application";
EIconName["Applications"] = "kv-applications";
EIconName["ArrowDropDown"] = "kv-arrow-drop-down";
EIconName["ArrowDropUp"] = "kv-arrow-drop-up";
EIconName["ArrowLeft"] = "kv-arrow-left";
EIconName["ArrowUpward"] = "kv-arrow-upward";
EIconName["Asset"] = "kv-asset";
EIconName["AssetsManagement"] = "kv-assets-management";
EIconName["Avatar"] = "kv-avatar";
EIconName["Bookmark"] = "kv-bookmark";
EIconName["Building"] = "kv-building";
EIconName["Bullet"] = "kv-bullet";
EIconName["Calendar"] = "kv-calendar";
EIconName["CalendarRange"] = "kv-calendar-range";
EIconName["CalendarTime"] = "kv-calendar-time";
EIconName["CalendarToday"] = "kv-calendar-today";
EIconName["Card"] = "kv-card";
EIconName["CardsStar"] = "kv-cards-star";
EIconName["Chat"] = "kv-chat";
EIconName["CheckState"] = "kv-check-state";
EIconName["Checkmark"] = "kv-checkmark";
EIconName["Circle"] = "kv-circle";
EIconName["Clear"] = "kv-clear";
EIconName["Close"] = "kv-close";
EIconName["CloseCircle"] = "kv-close-circle";
EIconName["Collapse"] = "kv-collapse";
EIconName["Column"] = "kv-column";
EIconName["Connections"] = "kv-connections";
EIconName["ContentExpand"] = "kv-content-expand";
EIconName["Control"] = "kv-control";
EIconName["ControlChange"] = "kv-control-change";
EIconName["Copy"] = "kv-copy";
EIconName["CopyClipboard"] = "kv-copy-clipboard";
EIconName["Dashboard"] = "kv-dashboard";
EIconName["DataExplorer"] = "kv-data-explorer";
EIconName["Datalabel"] = "kv-datalabel";
EIconName["DataQuality"] = "kv-data-quality";
EIconName["Datastreams"] = "kv-datastreams";
EIconName["Delete"] = "kv-delete";
EIconName["DensityHigh"] = "kv-density-high";
EIconName["DensityLow"] = "kv-density-low";
EIconName["DensityMedium"] = "kv-density-medium";
EIconName["Docs"] = "kv-docs";
EIconName["DockerApp"] = "kv-docker-app";
EIconName["Documentation"] = "kv-documentation";
EIconName["DoneAll"] = "kv-done-all";
EIconName["DottedCircle"] = "kv-dotted-circle";
EIconName["DoubleArrowDown"] = "kv-double-arrow-down";
EIconName["DoubleArrowLeft"] = "kv-double-arrow-left";
EIconName["DoubleArrowRight"] = "kv-double-arrow-right";
EIconName["Download"] = "kv-download";
EIconName["DragDrop"] = "kv-drag-drop";
EIconName["Edit"] = "kv-edit";
EIconName["Error"] = "kv-error";
EIconName["Exit"] = "kv-exit";
EIconName["Expand"] = "kv-expand";
EIconName["ExternalLink"] = "kv-external-link";
EIconName["Eye"] = "kv-eye";
EIconName["EyeClosed"] = "kv-eye-closed";
EIconName["File"] = "kv-file";
EIconName["FileCheck"] = "kv-file-check";
EIconName["FilePicker"] = "kv-file-picker";
EIconName["Filter"] = "kv-filter";
EIconName["FitContent"] = "kv-fit-content";
EIconName["Fixed"] = "kv-fixed";
EIconName["Fullscreen"] = "kv-fullscreen";
EIconName["Guardrails"] = "kv-guardrails";
EIconName["Group"] = "kv-group";
EIconName["HelpCircle"] = "kv-help-circle";
EIconName["Included"] = "kv-included";
EIconName["IndeterminateState"] = "kv-indeterminate-state";
EIconName["Info"] = "kv-info";
EIconName["Layer"] = "kv-layer";
EIconName["Link"] = "kv-link";
EIconName["List"] = "kv-list";
EIconName["Log"] = "kv-log";
EIconName["Lock"] = "kv-lock";
EIconName["LogoKelvin"] = "kv-logo-kelvin";
EIconName["Magictip"] = "kv-magictip";
EIconName["Message"] = "kv-message";
EIconName["Minus"] = "kv-minus";
EIconName["Monitoring"] = "kv-monitoring";
EIconName["More"] = "kv-more";
EIconName["MoveLeft"] = "kv-move-left";
EIconName["MoveRight"] = "kv-move-right";
EIconName["MoveNone"] = "kv-move-none";
EIconName["Multiline"] = "kv-multiline";
EIconName["NavClose"] = "kv-nav-close";
EIconName["NavOpen"] = "kv-nav-open";
EIconName["Notes"] = "kv-notes";
EIconName["NotIncluded"] = "kv-not-included";
EIconName["Notifications"] = "kv-notifications";
EIconName["Orchestration"] = "kv-orchestration";
EIconName["Pause"] = "kv-pause";
EIconName["Person"] = "kv-person";
EIconName["Play"] = "kv-play";
EIconName["Properties"] = "kv-properties";
EIconName["Protip"] = "kv-protip";
EIconName["PushPin"] = "kv-push-pin";
EIconName["RadioBtn"] = "kv-radio-btn";
EIconName["RadioBtnSelected"] = "kv-radio-btn-selected";
EIconName["Refresh"] = "kv-refresh";
EIconName["Reply"] = "kv-reply";
EIconName["Reset"] = "kv-reset";
EIconName["ResetZoom"] = "kv-reset-zoom";
EIconName["Role"] = "kv-role";
EIconName["RunAnswer"] = "kv-run-answer";
EIconName["RunSuccess"] = "kv-run-success";
EIconName["RunWarning"] = "kv-run-warning";
EIconName["Save"] = "kv-save";
EIconName["Schedule"] = "kv-schedule";
EIconName["Search"] = "kv-search";
EIconName["SendMessage"] = "kv-send-message";
EIconName["Settings"] = "kv-settings";
EIconName["SettingsSuggest"] = "kv-settings-suggest";
EIconName["ShieldLock"] = "kv-shield-lock";
EIconName["SlimRight"] = "kv-slim-right";
EIconName["SmartApp"] = "kv-smart-app";
EIconName["SortAz"] = "kv-sort-az";
EIconName["SortHover"] = "kv-sort-hover";
EIconName["SortZa"] = "kv-sort-za";
EIconName["Square"] = "kv-square";
EIconName["Star"] = "kv-star";
EIconName["Status"] = "kv-status";
EIconName["StatusMixed"] = "kv-status-mixed";
EIconName["Success"] = "kv-success";
EIconName["SuccessStar"] = "kv-success-star";
EIconName["SupervisedUser"] = "kv-supervised-user";
EIconName["Support"] = "kv-support";
EIconName["Swagger"] = "kv-swagger";
EIconName["Sync"] = "kv-sync";
EIconName["SyncCircle"] = "kv-sync-circle";
EIconName["SyncError"] = "kv-sync-error";
EIconName["SystemSource"] = "kv-system-source";
EIconName["Table"] = "kv-table";
EIconName["Tasks"] = "kv-tasks";
EIconName["TaskCheckmark"] = "kv-task-checkmark";
EIconName["Telemetry"] = "kv-telemetry";
EIconName["Time"] = "kv-time";
EIconName["TrafficLights"] = "kv-traffic-lights";
EIconName["TrendingDown"] = "kv-trending-down";
EIconName["TrendingUp"] = "kv-trending-up";
EIconName["Undo"] = "kv-undo";
EIconName["UncheckState"] = "kv-uncheck-state";
EIconName["Upload"] = "kv-upload";
EIconName["Uptime"] = "kv-uptime";
EIconName["Users"] = "kv-users";
EIconName["Warning"] = "kv-warning";
EIconName["World"] = "kv-world";
EIconName["ZoomIn"] = "kv-zoom-in";
EIconName["ZoomOut"] = "kv-zoom-out";
})(EIconName || (EIconName = {}));
var EIllustrationName;
(function (EIllustrationName) {
EIllustrationName["EsKelvinLogo"] = "kv-es-kelvin-logo";
EIllustrationName["EsKelvinLogotype"] = "kv-es-kelvin-logotype";
EIllustrationName["NoDataAvailable"] = "kv-no-data-available";
EIllustrationName["ErrorState"] = "kv-error-state";
EIllustrationName["NoResultsFound"] = "kv-no-results-found";
EIllustrationName["NoContentHere"] = "kv-no-content-here";
EIllustrationName["NoMatchingResults"] = "kv-no-matching-results";
EIllustrationName["ErrorState404"] = "kv-error-state-404";
EIllustrationName["TakeActions"] = "kv-take-actions";
EIllustrationName["Import"] = "kv-import";
})(EIllustrationName || (EIllustrationName = {}));
/**
* Relative time range keys for predefined time periods.
*
* @remarks
* These keys are used to define standard time ranges in the time picker component.
* Each key has a corresponding configuration in `RELATIVE_TIME_OFFSETS`.
*
* @example
* ```typescript
* import { ERelativeTimeRangeKey, getRelativeTimeCalculation } from '@kelvininc/ui-components';
*
* const config = getRelativeTimeCalculation(ERelativeTimeRangeKey.Last_24_H);
* // Returns: { amount: -24, unit: 'hours' }
* ```
*/
var ERelativeTimeRangeKey;
(function (ERelativeTimeRangeKey) {
// Minutes - Past
ERelativeTimeRangeKey["Last_5_m"] = "last-5-m";
ERelativeTimeRangeKey["Last_10_m"] = "last-10-m";
ERelativeTimeRangeKey["Last_15_m"] = "last-15-m";
ERelativeTimeRangeKey["Last_30_m"] = "last-30-m";
// Hours - Past
ERelativeTimeRangeKey["Last_1_H"] = "last-1-h";
ERelativeTimeRangeKey["Last_3_H"] = "last-3-h";
ERelativeTimeRangeKey["Last_6_H"] = "last-6-h";
ERelativeTimeRangeKey["Last_12_H"] = "last-12-h";
ERelativeTimeRangeKey["Last_24_H"] = "last-24-h";
ERelativeTimeRangeKey["Last_48_H"] = "last-48-h";
ERelativeTimeRangeKey["Last_72_H"] = "last-72-h";
// Days - Past
ERelativeTimeRangeKey["Last_3_D"] = "last-3-d";
ERelativeTimeRangeKey["Last_7_D"] = "last-7-d";
ERelativeTimeRangeKey["Last_14_D"] = "last-14-d";
ERelativeTimeRangeKey["Last_30_D"] = "last-30-d";
ERelativeTimeRangeKey["Last_90_D"] = "last-90-d";
ERelativeTimeRangeKey["Last_365_D"] = "last-365-d";
// Months - Past
ERelativeTimeRangeKey["Last_1_M"] = "last-1-M";
ERelativeTimeRangeKey["Last_6_M"] = "last-6-M";
// Years - Past
ERelativeTimeRangeKey["Last_1_Y"] = "last-1-y";
ERelativeTimeRangeKey["Last_2_Y"] = "last-2-y";
ERelativeTimeRangeKey["Last_5_Y"] = "last-5-y";
// Special - Unit-based references
ERelativeTimeRangeKey["Today"] = "today";
ERelativeTimeRangeKey["Yesterday"] = "yesterday";
ERelativeTimeRangeKey["Yesterday_End"] = "yesterday-end";
// "So far" ranges (from start of unit to now)
ERelativeTimeRangeKey["This_Week_So_Far"] = "this-week-so-far";
ERelativeTimeRangeKey["This_Month_So_Far"] = "this-month-so-far";
ERelativeTimeRangeKey["This_Quarter_So_Far"] = "this-quarter-so-far";
ERelativeTimeRangeKey["This_Year_So_Far"] = "this-year-so-far";
// Minutes - Future
ERelativeTimeRangeKey["Next_5_M"] = "next-5-m";
ERelativeTimeRangeKey["Next_10_M"] = "next-10-m";
ERelativeTimeRangeKey["Next_15_M"] = "next-15-m";
ERelativeTimeRangeKey["Next_30_M"] = "next-30-m";
// Hours - Future
ERelativeTimeRangeKey["Next_1_H"] = "next-1-h";
ERelativeTimeRangeKey["Next_6_H"] = "next-6-h";
ERelativeTimeRangeKey["Next_12_H"] = "next-12-h";
ERelativeTimeRangeKey["Next_24_H"] = "next-24-h";
ERelativeTimeRangeKey["Next_48_H"] = "next-48-h";
ERelativeTimeRangeKey["Next_72_H"] = "next-72-h";
// Days - Future
ERelativeTimeRangeKey["Next_7_D"] = "next-7-d";
// Weeks - Future
ERelativeTimeRangeKey["Next_2_W"] = "next-2-w";
// Months - Future
ERelativeTimeRangeKey["Next_1_M"] = "next-1-m";
})(ERelativeTimeRangeKey || (ERelativeTimeRangeKey = {}));
/**
* Unit reference for relative time calculations.
* Defines whether to align to the start or end of a time unit.
*
* @example
* ```typescript
* // "Today" starts at the beginning of the current day
* { amount: 0, unit: 'day', unitReference: EUnitReference.StartOfUnit }
*
* // "End of yesterday" aligns to the end of the previous day
* { amount: -1, unit: 'day', unitReference: EUnitReference.EndOfUnit }
* ```
*/
var EUnitReference;
(function (EUnitReference) {
EUnitReference["StartOfUnit"] = "startOfUnit";
EUnitReference["EndOfUnit"] = "endOfUnit";
})(EUnitReference || (EUnitReference = {}));
/**
* Custom interval key for time range picker.
*
* @remarks
* Used to indicate that the user has selected a custom interval.
*/
const CUSTOM_TIME_RANGE_KEY = 'customize-interval';
/**
* @deprecated Import from '@kelvininc/ui-components/utils/dates' instead
*/
/** Defines how the time calculation should be done */
var ERelativeTimeComparisonConfig;
(function (ERelativeTimeComparisonConfig) {
/** Subtract or add an amount of units (day, hour, months, quarters, ...)
* but takes into consideration the start and end date
* Ex: (last quarter, last week, yesterday)
*/
ERelativeTimeComparisonConfig["AbsoluteAmountOfUnits"] = "absoluteAmountOfUnits";
/** Subtract or add an amount of units (day, hour, months, quarters, ...)
* but compares the unit with current timestamp
* Ex: (last 5 minutes, last 24 hours)
*/
ERelativeTimeComparisonConfig["RelativeAmountOfUnits"] = "relativeAmountOfUnits";
/** Compare a start date (with date, time, or dateTime) with now */
ERelativeTimeComparisonConfig["StartDate"] = "startDate";
/** Compare an end date (with date, time, or dateTime) with now */
ERelativeTimeComparisonConfig["EndDate"] = "endDate";
/** Compare an absolute start date with an end date */
ERelativeTimeComparisonConfig["StartDateEndDate"] = "startDateEndDate";
})(ERelativeTimeComparisonConfig || (ERelativeTimeComparisonConfig = {}));
var EToggleState;
(function (EToggleState) {
EToggleState["Selected"] = "selected";
EToggleState["Indeterminate"] = "indeterminate";
EToggleState["None"] = "none";
})(EToggleState || (EToggleState = {}));
var ETabItemType;
(function (ETabItemType) {
ETabItemType["Primary"] = "primary";
ETabItemType["Secondary"] = "secondary";
})(ETabItemType || (ETabItemType = {}));
var ETagColor;
(function (ETagColor) {
ETagColor["Neutral"] = "neutral";
ETagColor["Brand"] = "brand";
ETagColor["Purple"] = "purple";
ETagColor["Green"] = "green";
ETagColor["Yellow"] = "yellow";
ETagColor["Red"] = "red";
ETagColor["Blue"] = "blue";
})(ETagColor || (ETagColor = {}));
var ETagState;
(function (ETagState) {
ETagState["Unknown"] = "unknown";
ETagState["Success"] = "success";
ETagState["Warning"] = "warning";
ETagState["Error"] = "error";
ETagState["Info"] = "info";
})(ETagState || (ETagState = {}));
var EInputFieldType;
(function (EInputFieldType) {
EInputFieldType["Text"] = "text";
EInputFieldType["Number"] = "number";
EInputFieldType["Password"] = "password";
EInputFieldType["DateTime"] = "datetime-local";
EInputFieldType["Date"] = "date";
EInputFieldType["Radio"] = "radio";
EInputFieldType["Email"] = "email";
})(EInputFieldType || (EInputFieldType = {}));
var EValidationState;
(function (EValidationState) {
EValidationState["None"] = "none";
EValidationState["Valid"] = "valid";
EValidationState["Invalid"] = "invalid";
})(EValidationState || (EValidationState = {}));
var ETimePickerView;
(function (ETimePickerView) {
ETimePickerView["RelativeTimePicker"] = "relativeTimePicker";
ETimePickerView["AbsoluteTimePicker"] = "absoluteTimePicker";
ETimePickerView["FullView"] = "fullView";
})(ETimePickerView || (ETimePickerView = {}));
var EToasterType;
(function (EToasterType) {
EToasterType["Info"] = "info";
EToasterType["Warning"] = "warning";
EToasterType["Error"] = "error";
EToasterType["Success"] = "success";
})(EToasterType || (EToasterType = {}));
var EStepState;
(function (EStepState) {
EStepState["Success"] = "success";
EStepState["Error"] = "error";
})(EStepState || (EStepState = {}));
export { CUSTOM_TIME_RANGE_KEY as C, ERelativeTimeRangeKey as E, StyleMode as S, EUnitReference as a, EAnchorTarget as b, EComponentSize as c, ETooltipPosition as d, EAlarmSeverity as e, EAbsoluteTimePickerMode as f, ERelativeTimeInputMode as g, EInputSource as h, EAbsoluteTimeError as i, EActionButtonType as j, EAlertType as k, EBadgeType as l, ECopyToClipboardState as m, EDateTimeInputTypeStyle as n, EIconName as o, EIllustrationName as p, ERelativeTimeComparisonConfig as q, EToggleState as r, ETabItemType as s, ETagColor as t, ETagState as u, EInputFieldType as v, EValidationState as w, ETimePickerView as x, EToasterType as y, EStepState as z };