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
+248
View File
@@ -0,0 +1,248 @@
'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 keyfilter = require('primereact/keyfilter');
var tooltip = require('primereact/tooltip');
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 classes = {
root: function root(_ref) {
var props = _ref.props,
context = _ref.context,
isFilled = _ref.isFilled;
return utils.classNames('p-inputtextarea p-inputtext p-component', {
'p-disabled': props.disabled,
'p-filled': isFilled,
'p-inputtextarea-resizable': props.autoResize,
'p-invalid': props.invalid,
'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
});
}
};
var styles = "\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n";
var InputTextareaBase = componentbase.ComponentBase.extend({
defaultProps: {
__TYPE: 'InputTextarea',
__parentMetadata: null,
autoResize: false,
invalid: false,
variant: null,
keyfilter: null,
onBlur: null,
onFocus: null,
onBeforeInput: null,
onInput: null,
onKeyDown: null,
onKeyUp: null,
onPaste: null,
tooltip: null,
tooltipOptions: null,
validateOnly: false,
children: undefined,
className: null
},
css: {
classes: classes,
styles: styles
}
});
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 InputTextarea = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
var mergeProps = hooks.useMergeProps();
var context = React__namespace.useContext(api.PrimeReactContext);
var props = InputTextareaBase.getProps(inProps, context);
var elementRef = React__namespace.useRef(ref);
var cachedScrollHeight = React__namespace.useRef(0);
var _InputTextareaBase$se = InputTextareaBase.setMetaData(_objectSpread(_objectSpread({
props: props
}, props.__parentMetadata), {}, {
context: {
disabled: props.disabled
}
})),
ptm = _InputTextareaBase$se.ptm,
cx = _InputTextareaBase$se.cx,
isUnstyled = _InputTextareaBase$se.isUnstyled;
componentbase.useHandleStyle(InputTextareaBase.css.styles, isUnstyled, {
name: 'inputtextarea'
});
var onFocus = function onFocus(event) {
if (props.autoResize) {
resize();
}
props.onFocus && props.onFocus(event);
};
var onBlur = function onBlur(event) {
if (props.autoResize) {
resize();
}
props.onBlur && props.onBlur(event);
};
var onKeyUp = function onKeyUp(event) {
if (props.autoResize) {
resize();
}
props.onKeyUp && props.onKeyUp(event);
};
var onKeyDown = function onKeyDown(event) {
props.onKeyDown && props.onKeyDown(event);
if (props.keyfilter) {
keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
}
};
var onBeforeInput = function onBeforeInput(event) {
props.onBeforeInput && props.onBeforeInput(event);
if (props.keyfilter) {
keyfilter.KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
}
};
var onPaste = function onPaste(event) {
props.onPaste && props.onPaste(event);
if (props.keyfilter) {
keyfilter.KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
}
};
var onInput = function onInput(event) {
var target = event.target;
if (props.autoResize) {
resize(utils.ObjectUtils.isEmpty(target.value));
}
props.onInput && props.onInput(event);
utils.ObjectUtils.isNotEmpty(target.value) ? utils.DomHandler.addClass(target, 'p-filled') : utils.DomHandler.removeClass(target, 'p-filled');
};
var resize = function resize(initial) {
var inputEl = elementRef.current;
if (inputEl && isVisible()) {
if (!cachedScrollHeight.current) {
cachedScrollHeight.current = inputEl.scrollHeight;
inputEl.style.overflow = 'hidden';
}
if (cachedScrollHeight.current !== inputEl.scrollHeight || initial) {
inputEl.style.height = '';
inputEl.style.height = inputEl.scrollHeight + 'px';
if (parseFloat(inputEl.style.height) >= parseFloat(inputEl.style.maxHeight)) {
inputEl.style.overflowY = 'scroll';
inputEl.style.height = inputEl.style.maxHeight;
} else {
inputEl.style.overflow = 'hidden';
}
cachedScrollHeight.current = inputEl.scrollHeight;
}
}
};
var isVisible = function isVisible() {
if (utils.DomHandler.isVisible(elementRef.current)) {
var rect = elementRef.current.getBoundingClientRect();
return rect.width > 0 && rect.height > 0;
}
return false;
};
React__namespace.useEffect(function () {
utils.ObjectUtils.combinedRefs(elementRef, ref);
}, [elementRef, ref]);
React__namespace.useEffect(function () {
if (props.autoResize) {
resize(true);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.autoResize, props.value]);
var isFilled = React__namespace.useMemo(function () {
return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
}, [props.value, props.defaultValue]);
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
var rootProps = mergeProps({
ref: elementRef,
className: utils.classNames(props.className, cx('root', {
context: context,
isFilled: isFilled
})),
onFocus: onFocus,
onBlur: onBlur,
onKeyUp: onKeyUp,
onKeyDown: onKeyDown,
onBeforeInput: onBeforeInput,
onInput: onInput,
onPaste: onPaste
}, InputTextareaBase.getOtherProps(props), ptm('root'));
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
target: elementRef,
content: props.tooltip,
pt: ptm('tooltip')
}, props.tooltipOptions)));
}));
InputTextarea.displayName = 'InputTextarea';
exports.InputTextarea = InputTextarea;
File diff suppressed because one or more lines are too long
+130
View File
@@ -0,0 +1,130 @@
/**
*
* Inputtextarea add styling and autoResize functionality to standard textarea element.
*
* [Live Demo](https://www.primereact.org/inputtextarea/)
*
* @module inputtextarea
*
*/
import * as React from 'react';
import { ComponentHooks } from '../componentbase/componentbase';
import { KeyFilterType } from '../keyfilter';
import { PassThroughOptions } from '../passthrough';
import { TooltipPassThroughOptions } from '../tooltip/tooltip';
import { TooltipOptions } from '../tooltip/tooltipoptions';
import { PassThroughType } from '../utils/utils';
export declare type InputTextareaPassThroughType<T> = PassThroughType<T, InputTextareaPassThroughMethodOptions>;
/**
* Custom passthrough(pt) option method.
*/
export interface InputTextareaPassThroughMethodOptions {
props: InputTextareaProps;
context: InputTextareaContext;
}
/**
* Custom passthrough(pt) options.
* @see {@link InputTextareaProps.pt}
*/
export interface InputTextareaPassThroughOptions {
/**
* Uses to pass attributes to the root's DOM element.
*/
root?: InputTextareaPassThroughType<React.HTMLAttributes<HTMLTextAreaElement>>;
/**
* Uses to pass attributes tooltip's DOM element.
* @type {TooltipPassThroughOptions}
*/
tooltip?: TooltipPassThroughOptions;
/**
* Used to manage all lifecycle hooks
* @see {@link ComponentHooks}
*/
hooks?: ComponentHooks;
}
/**
* Defines current options in Textarea component.
*/
export interface InputTextareaContext {
/**
* Current disabled state of the component as a boolean.
* @defaultValue false
*/
disabled: boolean;
}
/**
* Defines valid properties in InputTextarea component. In addition to these, all properties of HTMLTextAreaElement can be used in this component.
* @group Properties
*/
export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'ref' | 'value' | 'pt'> {
/**
* When present, height of textarea changes as being typed.
* @defaultValue false
*/
autoResize?: boolean | undefined;
/**
* When present, it specifies that the component should have invalid state style.
* @defaultValue false
*/
invalid?: boolean | undefined;
/**
* Specifies the input variant of the component.
* @defaultValue outlined
*/
variant?: 'outlined' | 'filled' | undefined;
/**
* Format definition of the keys to block.
*/
keyfilter?: KeyFilterType;
/**
* Content of the tooltip.
*/
tooltip?: string | undefined;
/**
* Configuration of the tooltip, refer to the tooltip documentation for more information.
* @type {TooltipOptions}
*/
tooltipOptions?: TooltipOptions | undefined;
/**
* The value of component
*/
value?: string | 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 {InputTextareaPassThroughOptions}
*/
pt?: InputTextareaPassThroughOptions;
/**
* 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 - InputTextarea**
*
* _Inputtextarea add styling and autoResize functionality to standard textarea element._
*
* [Live Demo](https://www.primereact.org/inputtextarea/)
* --- ---
* ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
*
* @group Component
*/
export declare const InputTextarea: React.ForwardRefExoticComponent<InputTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+224
View File
@@ -0,0 +1,224 @@
'use client';
import * as React from 'react';
import { PrimeReactContext } from 'primereact/api';
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
import { useMergeProps } from 'primereact/hooks';
import { KeyFilter } from 'primereact/keyfilter';
import { Tooltip } from 'primereact/tooltip';
import { classNames, ObjectUtils, DomHandler } 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 classes = {
root: function root(_ref) {
var props = _ref.props,
context = _ref.context,
isFilled = _ref.isFilled;
return classNames('p-inputtextarea p-inputtext p-component', {
'p-disabled': props.disabled,
'p-filled': isFilled,
'p-inputtextarea-resizable': props.autoResize,
'p-invalid': props.invalid,
'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
});
}
};
var styles = "\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n";
var InputTextareaBase = ComponentBase.extend({
defaultProps: {
__TYPE: 'InputTextarea',
__parentMetadata: null,
autoResize: false,
invalid: false,
variant: null,
keyfilter: null,
onBlur: null,
onFocus: null,
onBeforeInput: null,
onInput: null,
onKeyDown: null,
onKeyUp: null,
onPaste: null,
tooltip: null,
tooltipOptions: null,
validateOnly: false,
children: undefined,
className: null
},
css: {
classes: classes,
styles: styles
}
});
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 InputTextarea = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
var mergeProps = useMergeProps();
var context = React.useContext(PrimeReactContext);
var props = InputTextareaBase.getProps(inProps, context);
var elementRef = React.useRef(ref);
var cachedScrollHeight = React.useRef(0);
var _InputTextareaBase$se = InputTextareaBase.setMetaData(_objectSpread(_objectSpread({
props: props
}, props.__parentMetadata), {}, {
context: {
disabled: props.disabled
}
})),
ptm = _InputTextareaBase$se.ptm,
cx = _InputTextareaBase$se.cx,
isUnstyled = _InputTextareaBase$se.isUnstyled;
useHandleStyle(InputTextareaBase.css.styles, isUnstyled, {
name: 'inputtextarea'
});
var onFocus = function onFocus(event) {
if (props.autoResize) {
resize();
}
props.onFocus && props.onFocus(event);
};
var onBlur = function onBlur(event) {
if (props.autoResize) {
resize();
}
props.onBlur && props.onBlur(event);
};
var onKeyUp = function onKeyUp(event) {
if (props.autoResize) {
resize();
}
props.onKeyUp && props.onKeyUp(event);
};
var onKeyDown = function onKeyDown(event) {
props.onKeyDown && props.onKeyDown(event);
if (props.keyfilter) {
KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
}
};
var onBeforeInput = function onBeforeInput(event) {
props.onBeforeInput && props.onBeforeInput(event);
if (props.keyfilter) {
KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
}
};
var onPaste = function onPaste(event) {
props.onPaste && props.onPaste(event);
if (props.keyfilter) {
KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
}
};
var onInput = function onInput(event) {
var target = event.target;
if (props.autoResize) {
resize(ObjectUtils.isEmpty(target.value));
}
props.onInput && props.onInput(event);
ObjectUtils.isNotEmpty(target.value) ? DomHandler.addClass(target, 'p-filled') : DomHandler.removeClass(target, 'p-filled');
};
var resize = function resize(initial) {
var inputEl = elementRef.current;
if (inputEl && isVisible()) {
if (!cachedScrollHeight.current) {
cachedScrollHeight.current = inputEl.scrollHeight;
inputEl.style.overflow = 'hidden';
}
if (cachedScrollHeight.current !== inputEl.scrollHeight || initial) {
inputEl.style.height = '';
inputEl.style.height = inputEl.scrollHeight + 'px';
if (parseFloat(inputEl.style.height) >= parseFloat(inputEl.style.maxHeight)) {
inputEl.style.overflowY = 'scroll';
inputEl.style.height = inputEl.style.maxHeight;
} else {
inputEl.style.overflow = 'hidden';
}
cachedScrollHeight.current = inputEl.scrollHeight;
}
}
};
var isVisible = function isVisible() {
if (DomHandler.isVisible(elementRef.current)) {
var rect = elementRef.current.getBoundingClientRect();
return rect.width > 0 && rect.height > 0;
}
return false;
};
React.useEffect(function () {
ObjectUtils.combinedRefs(elementRef, ref);
}, [elementRef, ref]);
React.useEffect(function () {
if (props.autoResize) {
resize(true);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.autoResize, props.value]);
var isFilled = React.useMemo(function () {
return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue);
}, [props.value, props.defaultValue]);
var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
var rootProps = mergeProps({
ref: elementRef,
className: classNames(props.className, cx('root', {
context: context,
isFilled: isFilled
})),
onFocus: onFocus,
onBlur: onBlur,
onKeyUp: onKeyUp,
onKeyDown: onKeyDown,
onBeforeInput: onBeforeInput,
onInput: onInput,
onPaste: onPaste
}, InputTextareaBase.getOtherProps(props), ptm('root'));
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
target: elementRef,
content: props.tooltip,
pt: ptm('tooltip')
}, props.tooltipOptions)));
}));
InputTextarea.displayName = 'InputTextarea';
export { InputTextarea };
+1
View File
@@ -0,0 +1 @@
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{KeyFilter as i}from"primereact/keyfilter";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as u,DomHandler as s}from"primereact/utils";function p(){return p=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},p.apply(null,arguments)}function c(e){return c="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},c(e)}function f(e,t){if("object"!=c(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=c(r))return r;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"==c(t)?t:t+""}function m(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=n.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return a("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n"}});function v(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=e.memo(e.forwardRef((function(n,c){var f=o(),y=e.useContext(t),m=d.getProps(n,y),v=e.useRef(c),g=e.useRef(0),h=d.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),O=h.ptm,P=h.cx;r(d.css.styles,h.isUnstyled,{name:"inputtextarea"});var w=function(e){var t=v.current;t&&x()&&(g.current||(g.current=t.scrollHeight,t.style.overflow="hidden"),(g.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",g.current=t.scrollHeight))},x=function(){if(s.isVisible(v.current)){var e=v.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){u.combinedRefs(v,c)}),[v,c]),e.useEffect((function(){m.autoResize&&w(!0)}),[m.autoResize,m.value]);var j=e.useMemo((function(){return u.isNotEmpty(m.value)||u.isNotEmpty(m.defaultValue)}),[m.value,m.defaultValue]),E=u.isNotEmpty(m.tooltip),R=f({ref:v,className:a(m.className,P("root",{context:y,isFilled:j})),onFocus:function(e){m.autoResize&&w(),m.onFocus&&m.onFocus(e)},onBlur:function(e){m.autoResize&&w(),m.onBlur&&m.onBlur(e)},onKeyUp:function(e){m.autoResize&&w(),m.onKeyUp&&m.onKeyUp(e)},onKeyDown:function(e){m.onKeyDown&&m.onKeyDown(e),m.keyfilter&&i.onKeyPress(e,m.keyfilter,m.validateOnly)},onBeforeInput:function(e){m.onBeforeInput&&m.onBeforeInput(e),m.keyfilter&&i.onBeforeInput(e,m.keyfilter,m.validateOnly)},onInput:function(e){var t=e.target;m.autoResize&&w(u.isEmpty(t.value)),m.onInput&&m.onInput(e),u.isNotEmpty(t.value)?s.addClass(t,"p-filled"):s.removeClass(t,"p-filled")},onPaste:function(e){m.onPaste&&m.onPaste(e),m.keyfilter&&i.onPaste(e,m.keyfilter,m.validateOnly)}},d.getOtherProps(m),O("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",R),E&&e.createElement(l,p({target:v,content:m.tooltip,pt:O("tooltip")},m.tooltipOptions)))})));g.displayName="InputTextarea";export{g as InputTextarea};
+245
View File
@@ -0,0 +1,245 @@
this.primereact = this.primereact || {};
this.primereact.inputtextarea = (function (exports, React, api, componentbase, hooks, keyfilter, tooltip, 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 classes = {
root: function root(_ref) {
var props = _ref.props,
context = _ref.context,
isFilled = _ref.isFilled;
return utils.classNames('p-inputtextarea p-inputtext p-component', {
'p-disabled': props.disabled,
'p-filled': isFilled,
'p-inputtextarea-resizable': props.autoResize,
'p-invalid': props.invalid,
'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
});
}
};
var styles = "\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n";
var InputTextareaBase = componentbase.ComponentBase.extend({
defaultProps: {
__TYPE: 'InputTextarea',
__parentMetadata: null,
autoResize: false,
invalid: false,
variant: null,
keyfilter: null,
onBlur: null,
onFocus: null,
onBeforeInput: null,
onInput: null,
onKeyDown: null,
onKeyUp: null,
onPaste: null,
tooltip: null,
tooltipOptions: null,
validateOnly: false,
children: undefined,
className: null
},
css: {
classes: classes,
styles: styles
}
});
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 InputTextarea = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
var mergeProps = hooks.useMergeProps();
var context = React__namespace.useContext(api.PrimeReactContext);
var props = InputTextareaBase.getProps(inProps, context);
var elementRef = React__namespace.useRef(ref);
var cachedScrollHeight = React__namespace.useRef(0);
var _InputTextareaBase$se = InputTextareaBase.setMetaData(_objectSpread(_objectSpread({
props: props
}, props.__parentMetadata), {}, {
context: {
disabled: props.disabled
}
})),
ptm = _InputTextareaBase$se.ptm,
cx = _InputTextareaBase$se.cx,
isUnstyled = _InputTextareaBase$se.isUnstyled;
componentbase.useHandleStyle(InputTextareaBase.css.styles, isUnstyled, {
name: 'inputtextarea'
});
var onFocus = function onFocus(event) {
if (props.autoResize) {
resize();
}
props.onFocus && props.onFocus(event);
};
var onBlur = function onBlur(event) {
if (props.autoResize) {
resize();
}
props.onBlur && props.onBlur(event);
};
var onKeyUp = function onKeyUp(event) {
if (props.autoResize) {
resize();
}
props.onKeyUp && props.onKeyUp(event);
};
var onKeyDown = function onKeyDown(event) {
props.onKeyDown && props.onKeyDown(event);
if (props.keyfilter) {
keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
}
};
var onBeforeInput = function onBeforeInput(event) {
props.onBeforeInput && props.onBeforeInput(event);
if (props.keyfilter) {
keyfilter.KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
}
};
var onPaste = function onPaste(event) {
props.onPaste && props.onPaste(event);
if (props.keyfilter) {
keyfilter.KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
}
};
var onInput = function onInput(event) {
var target = event.target;
if (props.autoResize) {
resize(utils.ObjectUtils.isEmpty(target.value));
}
props.onInput && props.onInput(event);
utils.ObjectUtils.isNotEmpty(target.value) ? utils.DomHandler.addClass(target, 'p-filled') : utils.DomHandler.removeClass(target, 'p-filled');
};
var resize = function resize(initial) {
var inputEl = elementRef.current;
if (inputEl && isVisible()) {
if (!cachedScrollHeight.current) {
cachedScrollHeight.current = inputEl.scrollHeight;
inputEl.style.overflow = 'hidden';
}
if (cachedScrollHeight.current !== inputEl.scrollHeight || initial) {
inputEl.style.height = '';
inputEl.style.height = inputEl.scrollHeight + 'px';
if (parseFloat(inputEl.style.height) >= parseFloat(inputEl.style.maxHeight)) {
inputEl.style.overflowY = 'scroll';
inputEl.style.height = inputEl.style.maxHeight;
} else {
inputEl.style.overflow = 'hidden';
}
cachedScrollHeight.current = inputEl.scrollHeight;
}
}
};
var isVisible = function isVisible() {
if (utils.DomHandler.isVisible(elementRef.current)) {
var rect = elementRef.current.getBoundingClientRect();
return rect.width > 0 && rect.height > 0;
}
return false;
};
React__namespace.useEffect(function () {
utils.ObjectUtils.combinedRefs(elementRef, ref);
}, [elementRef, ref]);
React__namespace.useEffect(function () {
if (props.autoResize) {
resize(true);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.autoResize, props.value]);
var isFilled = React__namespace.useMemo(function () {
return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
}, [props.value, props.defaultValue]);
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
var rootProps = mergeProps({
ref: elementRef,
className: utils.classNames(props.className, cx('root', {
context: context,
isFilled: isFilled
})),
onFocus: onFocus,
onBlur: onBlur,
onKeyUp: onKeyUp,
onKeyDown: onKeyDown,
onBeforeInput: onBeforeInput,
onInput: onInput,
onPaste: onPaste
}, InputTextareaBase.getOtherProps(props), ptm('root'));
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
target: elementRef,
content: props.tooltip,
pt: ptm('tooltip')
}, props.tooltipOptions)));
}));
InputTextarea.displayName = 'InputTextarea';
exports.InputTextarea = InputTextarea;
Object.defineProperty(exports, '__esModule', { value: true });
return exports;
})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.keyfilter, primereact.tooltip, primereact.utils);
File diff suppressed because one or more lines are too long
+7
View File
@@ -0,0 +1,7 @@
{
"main": "./inputtextarea.cjs.js",
"module": "./inputtextarea.esm.js",
"unpkg": "./inputtextarea.min.js",
"types": "./inputtextarea.d.ts",
"sideEffects": false
}