Add comprehensive e2e test suites for Tasks 16-25

Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date)
- Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class
- Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting
- Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states
- Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions
- Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation

Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares)
- Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline
- Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements
- Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations
- Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary
- Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds

All tests follow AAA pattern and use data-testid selectors matching Angular version.
Total: 245 tests across 10 feature suites.
This commit is contained in:
gnezim
2026-04-05 19:25:03 +03:00
parent 21c6ed4f82
commit 60e2149072
31032 changed files with 5222883 additions and 2 deletions
+178
View File
@@ -0,0 +1,178 @@
'use client';
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var api = require('primereact/api');
var componentbase = require('primereact/componentbase');
var hooks = require('primereact/hooks');
var check = require('primereact/icons/check');
var exclamationtriangle = require('primereact/icons/exclamationtriangle');
var infocircle = require('primereact/icons/infocircle');
var timescircle = require('primereact/icons/timescircle');
var utils = require('primereact/utils');
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n["default"] = e;
return Object.freeze(n);
}
var React__namespace = /*#__PURE__*/_interopNamespace(React);
function _extends() {
return _extends = Object.assign ? Object.assign.bind() : function (n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
}
return n;
}, _extends.apply(null, arguments);
}
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
function toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function toPropertyKey(t) {
var i = toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _defineProperty(e, r, t) {
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e;
}
var MessageBase = componentbase.ComponentBase.extend({
defaultProps: {
__TYPE: 'Message',
id: null,
className: null,
style: null,
text: null,
icon: null,
severity: 'info',
content: null,
children: undefined
},
css: {
classes: {
root: function root(_ref) {
var severity = _ref.props.severity;
return utils.classNames('p-inline-message p-component', _defineProperty({}, "p-inline-message-".concat(severity), severity));
},
icon: 'p-inline-message-icon',
text: 'p-inline-message-text'
},
styles: "\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "
}
});
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var Message = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
var mergeProps = hooks.useMergeProps();
var context = React__namespace.useContext(api.PrimeReactContext);
var props = MessageBase.getProps(inProps, context);
var elementRef = React__namespace.useRef(null);
var _MessageBase$setMetaD = MessageBase.setMetaData({
props: props
}),
ptm = _MessageBase$setMetaD.ptm,
cx = _MessageBase$setMetaD.cx,
isUnstyled = _MessageBase$setMetaD.isUnstyled;
componentbase.useHandleStyle(MessageBase.css.styles, isUnstyled, {
name: 'message'
});
var createContent = function createContent() {
if (props.content) {
return utils.ObjectUtils.getJSXElement(props.content, props);
}
var text = utils.ObjectUtils.getJSXElement(props.text, props);
var iconProps = mergeProps({
className: cx('icon')
}, ptm('icon'));
var icon = props.icon;
if (!icon) {
switch (props.severity) {
case 'info':
icon = /*#__PURE__*/React__namespace.createElement(infocircle.InfoCircleIcon, iconProps);
break;
case 'warn':
icon = /*#__PURE__*/React__namespace.createElement(exclamationtriangle.ExclamationTriangleIcon, iconProps);
break;
case 'error':
icon = /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
break;
case 'success':
icon = /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps);
break;
}
}
var messageIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
props: props
});
var textProps = mergeProps({
className: cx('text')
}, ptm('text'));
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, messageIcon, /*#__PURE__*/React__namespace.createElement("span", textProps, text));
};
React__namespace.useImperativeHandle(ref, function () {
return {
props: props,
getElement: function getElement() {
return elementRef.current;
}
};
});
var content = createContent();
var rootProps = mergeProps({
className: utils.classNames(props.className, cx('root')),
style: props.style,
role: 'alert',
'aria-live': 'polite',
'aria-atomic': 'true'
}, MessageBase.getOtherProps(props), ptm('root'));
return /*#__PURE__*/React__namespace.createElement("div", _extends({
id: props.id,
ref: elementRef
}, rootProps), content);
}));
Message.displayName = 'Message';
exports.Message = Message;
+1
View File
@@ -0,0 +1 @@
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),i=require("primereact/icons/check"),o=require("primereact/icons/exclamationtriangle"),c=require("primereact/icons/infocircle"),s=require("primereact/icons/timescircle"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(null,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!=m(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"==m(t)?t:t+""}function b(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props.severity;return a.classNames("p-inline-message p-component",b({},"p-inline-message-".concat(t),t))},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "}});function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=u.memo(u.forwardRef((function(e,l){var m=n.useMergeProps(),f=u.useContext(t.PrimeReactContext),y=g.getProps(e,f),b=u.useRef(null),v=g.setMetaData({props:y}),O=v.ptm,j=v.cx;r.useHandleStyle(g.css.styles,v.isUnstyled,{name:"message"});u.useImperativeHandle(l,(function(){return{props:y,getElement:function(){return b.current}}}));var P=function(){if(y.content)return a.ObjectUtils.getJSXElement(y.content,y);var e=a.ObjectUtils.getJSXElement(y.text,y),t=m({className:j("icon")},O("icon")),r=y.icon;if(!r)switch(y.severity){case"info":r=u.createElement(c.InfoCircleIcon,t);break;case"warn":r=u.createElement(o.ExclamationTriangleIcon,t);break;case"error":r=u.createElement(s.TimesCircleIcon,t);break;case"success":r=u.createElement(i.CheckIcon,t)}var n=a.IconUtils.getJSXIcon(r,d({},t),{props:y}),l=m({className:j("text")},O("text"));return u.createElement(u.Fragment,null,n,u.createElement("span",l,e))}(),x=m({className:a.classNames(y.className,j("root")),style:y.style,role:"alert","aria-live":"polite","aria-atomic":"true"},g.getOtherProps(y),O("root"));return u.createElement("div",p({id:y.id,ref:b},x),P)})));O.displayName="Message",exports.Message=O;
+109
View File
@@ -0,0 +1,109 @@
/**
*
* Message is used to display inline message with various severities.
*
* [Live Demo](https://www.primereact.org/message)
*
* @module message
*
*/
import * as React from 'react';
import { ComponentHooks } from '../componentbase/componentbase';
import { PassThroughOptions } from '../passthrough';
import { IconType, PassThroughType } from '../utils/utils';
export declare type MessagePassThroughType<T> = PassThroughType<T, MessagePassThroughMethodOptions>;
/**
* Custom passthrough(pt) option method.
*/
export interface MessagePassThroughMethodOptions {
props: MessageProps;
}
/**
* Custom passthrough(pt) options.
* @see {@link MessageProps.pt}
*/
export interface MessagePassThroughOptions {
/**
* Uses to pass attributes to the root's DOM element.
*/
root?: MessagePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
/**
* Uses to pass attributes to the icon's DOM element.
*/
icon?: MessagePassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
/**
* Uses to pass attributes to the text's DOM element.
*/
text?: MessagePassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
/**
* Used to manage all lifecycle hooks
* @see {@link ComponentHooks}
*/
hooks?: ComponentHooks;
}
/**
* Defines valid properties in Message component. In addition to these, all properties of HTMLDivElement can be used in this component.
* @group Properties
*/
export interface MessageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'content' | 'pt'> {
/**
* Text of the message.
*/
text?: React.ReactNode | ((props: MessageProps) => React.ReactNode);
/**
* Severity level of the message.
*/
severity?: 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast' | undefined;
/**
* Custom template of the message.
*/
content?: React.ReactNode | ((props: MessageProps) => React.ReactNode);
/**
* Icon for the message. If not set it will default to severity icon.
* @defaultValue based on severity
*/
icon?: IconType<MessageProps> | undefined;
/**
* Used to get the child elements of the component.
* @readonly
*/
children?: React.ReactNode | undefined;
/**
* Uses to pass attributes to DOM elements inside the component.
* @type {MessagePassThroughOptions}
*/
pt?: MessagePassThroughOptions;
/**
* Used to configure passthrough(pt) options of the component.
* @type {PassThroughOptions}
*/
ptOptions?: PassThroughOptions;
/**
* When enabled, it removes component related styles in the core.
* @defaultValue false
*/
unstyled?: boolean;
}
/**
* **PrimeReact - Message**
*
* _Message is used to display inline message with various severities._
*
* [Live Demo](https://www.primereact.org/message/)
* --- ---
* ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
*
* @group Component
*/
export declare class Message extends React.Component<MessageProps, any> {
/**
* Used to get container element.
* @return {HTMLDivElement | null} Container element
*/
public getElement(): HTMLDivElement | null;
}
+154
View File
@@ -0,0 +1,154 @@
'use client';
import * as React from 'react';
import { PrimeReactContext } from 'primereact/api';
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
import { useMergeProps } from 'primereact/hooks';
import { CheckIcon } from 'primereact/icons/check';
import { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle';
import { InfoCircleIcon } from 'primereact/icons/infocircle';
import { TimesCircleIcon } from 'primereact/icons/timescircle';
import { classNames, ObjectUtils, IconUtils } from 'primereact/utils';
function _extends() {
return _extends = Object.assign ? Object.assign.bind() : function (n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
}
return n;
}, _extends.apply(null, arguments);
}
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
function toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function toPropertyKey(t) {
var i = toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _defineProperty(e, r, t) {
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e;
}
var MessageBase = ComponentBase.extend({
defaultProps: {
__TYPE: 'Message',
id: null,
className: null,
style: null,
text: null,
icon: null,
severity: 'info',
content: null,
children: undefined
},
css: {
classes: {
root: function root(_ref) {
var severity = _ref.props.severity;
return classNames('p-inline-message p-component', _defineProperty({}, "p-inline-message-".concat(severity), severity));
},
icon: 'p-inline-message-icon',
text: 'p-inline-message-text'
},
styles: "\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "
}
});
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var Message = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
var mergeProps = useMergeProps();
var context = React.useContext(PrimeReactContext);
var props = MessageBase.getProps(inProps, context);
var elementRef = React.useRef(null);
var _MessageBase$setMetaD = MessageBase.setMetaData({
props: props
}),
ptm = _MessageBase$setMetaD.ptm,
cx = _MessageBase$setMetaD.cx,
isUnstyled = _MessageBase$setMetaD.isUnstyled;
useHandleStyle(MessageBase.css.styles, isUnstyled, {
name: 'message'
});
var createContent = function createContent() {
if (props.content) {
return ObjectUtils.getJSXElement(props.content, props);
}
var text = ObjectUtils.getJSXElement(props.text, props);
var iconProps = mergeProps({
className: cx('icon')
}, ptm('icon'));
var icon = props.icon;
if (!icon) {
switch (props.severity) {
case 'info':
icon = /*#__PURE__*/React.createElement(InfoCircleIcon, iconProps);
break;
case 'warn':
icon = /*#__PURE__*/React.createElement(ExclamationTriangleIcon, iconProps);
break;
case 'error':
icon = /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
break;
case 'success':
icon = /*#__PURE__*/React.createElement(CheckIcon, iconProps);
break;
}
}
var messageIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
props: props
});
var textProps = mergeProps({
className: cx('text')
}, ptm('text'));
return /*#__PURE__*/React.createElement(React.Fragment, null, messageIcon, /*#__PURE__*/React.createElement("span", textProps, text));
};
React.useImperativeHandle(ref, function () {
return {
props: props,
getElement: function getElement() {
return elementRef.current;
}
};
});
var content = createContent();
var rootProps = mergeProps({
className: classNames(props.className, cx('root')),
style: props.style,
role: 'alert',
'aria-live': 'polite',
'aria-atomic': 'true'
}, MessageBase.getOtherProps(props), ptm('root'));
return /*#__PURE__*/React.createElement("div", _extends({
id: props.id,
ref: elementRef
}, rootProps), content);
}));
Message.displayName = 'Message';
export { Message };
+1
View File
@@ -0,0 +1 @@
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as i}from"primereact/hooks";import{CheckIcon as o}from"primereact/icons/check";import{ExclamationTriangleIcon as a}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as c}from"primereact/icons/infocircle";import{TimesCircleIcon as s}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils as m,IconUtils as p}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(null,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function y(e,t){if("object"!=f(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"==f(t)?t:t+""}function g(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=r.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props.severity;return l("p-inline-message p-component",g({},"p-inline-message-".concat(t),t))},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=e.memo(e.forwardRef((function(r,f){var y=i(),b=e.useContext(t),g=v.getProps(r,b),d=e.useRef(null),j=v.setMetaData({props:g}),P=j.ptm,h=j.cx;n(v.css.styles,j.isUnstyled,{name:"message"});e.useImperativeHandle(f,(function(){return{props:g,getElement:function(){return d.current}}}));var x=function(){if(g.content)return m.getJSXElement(g.content,g);var t=m.getJSXElement(g.text,g),r=y({className:h("icon")},P("icon")),n=g.icon;if(!n)switch(g.severity){case"info":n=e.createElement(c,r);break;case"warn":n=e.createElement(a,r);break;case"error":n=e.createElement(s,r);break;case"success":n=e.createElement(o,r)}var i=p.getJSXIcon(n,O({},r),{props:g}),l=y({className:h("text")},P("text"));return e.createElement(e.Fragment,null,i,e.createElement("span",l,t))}(),w=y({className:l(g.className,h("root")),style:g.style,role:"alert","aria-live":"polite","aria-atomic":"true"},v.getOtherProps(g),P("root"));return e.createElement("div",u({id:g.id,ref:d},w),x)})));j.displayName="Message";export{j as Message};
+173
View File
@@ -0,0 +1,173 @@
this.primereact = this.primereact || {};
this.primereact.message = (function (exports, React, api, componentbase, hooks, check, exclamationtriangle, infocircle, timescircle, utils) {
'use strict';
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n["default"] = e;
return Object.freeze(n);
}
var React__namespace = /*#__PURE__*/_interopNamespace(React);
function _extends() {
return _extends = Object.assign ? Object.assign.bind() : function (n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
}
return n;
}, _extends.apply(null, arguments);
}
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
function toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function toPropertyKey(t) {
var i = toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _defineProperty(e, r, t) {
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e;
}
var MessageBase = componentbase.ComponentBase.extend({
defaultProps: {
__TYPE: 'Message',
id: null,
className: null,
style: null,
text: null,
icon: null,
severity: 'info',
content: null,
children: undefined
},
css: {
classes: {
root: function root(_ref) {
var severity = _ref.props.severity;
return utils.classNames('p-inline-message p-component', _defineProperty({}, "p-inline-message-".concat(severity), severity));
},
icon: 'p-inline-message-icon',
text: 'p-inline-message-text'
},
styles: "\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "
}
});
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var Message = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
var mergeProps = hooks.useMergeProps();
var context = React__namespace.useContext(api.PrimeReactContext);
var props = MessageBase.getProps(inProps, context);
var elementRef = React__namespace.useRef(null);
var _MessageBase$setMetaD = MessageBase.setMetaData({
props: props
}),
ptm = _MessageBase$setMetaD.ptm,
cx = _MessageBase$setMetaD.cx,
isUnstyled = _MessageBase$setMetaD.isUnstyled;
componentbase.useHandleStyle(MessageBase.css.styles, isUnstyled, {
name: 'message'
});
var createContent = function createContent() {
if (props.content) {
return utils.ObjectUtils.getJSXElement(props.content, props);
}
var text = utils.ObjectUtils.getJSXElement(props.text, props);
var iconProps = mergeProps({
className: cx('icon')
}, ptm('icon'));
var icon = props.icon;
if (!icon) {
switch (props.severity) {
case 'info':
icon = /*#__PURE__*/React__namespace.createElement(infocircle.InfoCircleIcon, iconProps);
break;
case 'warn':
icon = /*#__PURE__*/React__namespace.createElement(exclamationtriangle.ExclamationTriangleIcon, iconProps);
break;
case 'error':
icon = /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
break;
case 'success':
icon = /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps);
break;
}
}
var messageIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
props: props
});
var textProps = mergeProps({
className: cx('text')
}, ptm('text'));
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, messageIcon, /*#__PURE__*/React__namespace.createElement("span", textProps, text));
};
React__namespace.useImperativeHandle(ref, function () {
return {
props: props,
getElement: function getElement() {
return elementRef.current;
}
};
});
var content = createContent();
var rootProps = mergeProps({
className: utils.classNames(props.className, cx('root')),
style: props.style,
role: 'alert',
'aria-live': 'polite',
'aria-atomic': 'true'
}, MessageBase.getOtherProps(props), ptm('root'));
return /*#__PURE__*/React__namespace.createElement("div", _extends({
id: props.id,
ref: elementRef
}, rootProps), content);
}));
Message.displayName = 'Message';
exports.Message = Message;
Object.defineProperty(exports, '__esModule', { value: true });
return exports;
})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.icons.exclamationtriangle, primereact.icons.infocircle, primereact.icons.timescircle, primereact.utils);
+1
View File
@@ -0,0 +1 @@
this.primereact=this.primereact||{},this.primereact.message=function(e,t,n,r,i,c,o,s,a,l){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(null,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function y(e,t){if("object"!=f(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"==f(t)?t:t+""}function g(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props.severity;return l.classNames("p-inline-message p-component",g({},"p-inline-message-".concat(t),t))},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=p.memo(p.forwardRef((function(e,t){var u=i.useMergeProps(),f=p.useContext(n.PrimeReactContext),y=v.getProps(e,f),b=p.useRef(null),g=v.setMetaData({props:y}),d=g.ptm,j=g.cx;r.useHandleStyle(v.css.styles,g.isUnstyled,{name:"message"});p.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return b.current}}}));var P=function(){if(y.content)return l.ObjectUtils.getJSXElement(y.content,y);var e=l.ObjectUtils.getJSXElement(y.text,y),t=u({className:j("icon")},d("icon")),n=y.icon;if(!n)switch(y.severity){case"info":n=p.createElement(s.InfoCircleIcon,t);break;case"warn":n=p.createElement(o.ExclamationTriangleIcon,t);break;case"error":n=p.createElement(a.TimesCircleIcon,t);break;case"success":n=p.createElement(c.CheckIcon,t)}var r=l.IconUtils.getJSXIcon(n,O({},t),{props:y}),i=u({className:j("text")},d("text"));return p.createElement(p.Fragment,null,r,p.createElement("span",i,e))}(),h=u({className:l.classNames(y.className,j("root")),style:y.style,role:"alert","aria-live":"polite","aria-atomic":"true"},v.getOtherProps(y),d("root"));return p.createElement("div",m({id:y.id,ref:b},h),P)})));return j.displayName="Message",e.Message=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.timescircle,primereact.utils);
+7
View File
@@ -0,0 +1,7 @@
{
"main": "./message.cjs.js",
"module": "./message.esm.js",
"unpkg": "./message.min.js",
"types": "./message.d.ts",
"sideEffects": false
}