primereact
Version:
PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime
368 lines (347 loc) • 26 kB
JavaScript
this.primereact = this.primereact || {};
this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
'use strict';
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
function _arrayWithoutHoles(r) {
if (Array.isArray(r)) return _arrayLikeToArray(r);
}
function _iterableToArray(r) {
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
}
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
}
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _toConsumableArray(r) {
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
}
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;
}
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 baseStyle = "\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n pointer-events: none;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: var(--scrollbar-width);\n}\n";
var buttonStyles = "\n.p-button {\n margin: 0;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-button-group .p-button {\n margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n border-top-right-radius: var(--border-radius) !important;\n border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n border-top-left-radius: var(--border-radius) !important;\n border-bottom-left-radius: var(--border-radius) !important;\n}\n";
var inputTextStyles = "\n.p-inputtext {\n margin: 0;\n}\n\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -0.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n top: -0.75rem;\n font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n";
var iconStyles = "\n.p-icon {\n display: inline-block;\n}\n\n.p-icon-spin {\n -webkit-animation: p-icon-spin 2s infinite linear;\n animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n";
var commonStyle = "\n@layer primereact {\n .p-component, .p-component * {\n box-sizing: border-box;\n }\n\n .p-hidden {\n display: none;\n }\n\n .p-hidden-space {\n visibility: hidden;\n }\n\n .p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n }\n\n .p-disabled, .p-disabled * {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n .p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .p-unselectable-text {\n user-select: none;\n }\n\n .p-scrollbar-measure {\n width: 100px;\n height: 100px;\n overflow: scroll;\n position: absolute;\n top: -9999px;\n }\n\n @-webkit-keyframes p-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n @keyframes p-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n .p-link {\n text-align: left;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n user-select: none;\n }\n\n .p-link:disabled {\n cursor: default;\n }\n\n /* Non react overlay animations */\n .p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n }\n\n .p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity .1s linear;\n }\n\n /* React based overlay animations */\n .p-connected-overlay-enter {\n opacity: 0;\n transform: scaleY(0.8);\n }\n\n .p-connected-overlay-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-connected-overlay-enter-done {\n transform: none;\n }\n\n .p-connected-overlay-exit {\n opacity: 1;\n }\n\n .p-connected-overlay-exit-active {\n opacity: 0;\n transition: opacity .1s linear;\n }\n\n /* Toggleable Content */\n .p-toggleable-content-enter {\n max-height: 0;\n }\n\n .p-toggleable-content-enter-active {\n overflow: hidden;\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n }\n\n .p-toggleable-content-enter-done {\n transform: none;\n }\n\n .p-toggleable-content-exit {\n max-height: 1000px;\n }\n\n .p-toggleable-content-exit-active {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n }\n\n /* @todo Refactor */\n .p-menu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n ".concat(buttonStyles, "\n ").concat(inputTextStyles, "\n ").concat(iconStyles, "\n}\n");
var ComponentBase = {
cProps: undefined,
cParams: undefined,
cName: undefined,
defaultProps: {
pt: undefined,
ptOptions: undefined,
unstyled: false
},
context: {},
globalCSS: undefined,
classes: {},
styles: '',
extend: function extend() {
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var css = props.css;
var defaultProps = _objectSpread(_objectSpread({}, props.defaultProps), ComponentBase.defaultProps);
var inlineStyles = {};
var getProps = function getProps(props) {
var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
ComponentBase.context = context;
ComponentBase.cProps = props;
return utils.ObjectUtils.getMergedProps(props, defaultProps);
};
var getOtherProps = function getOtherProps(props) {
return utils.ObjectUtils.getDiffProps(props, defaultProps);
};
var getPTValue = function getPTValue() {
var _ComponentBase$contex;
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
// obj either is the passthrough options or has a .pt property.
if (obj.hasOwnProperty('pt') && obj.pt !== undefined) {
obj = obj.pt;
}
var originalkey = key;
var isNestedParam = /./g.test(originalkey) && !!params[originalkey.split('.')[0]];
var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(originalkey.split('.')[1]) : utils.ObjectUtils.toFlatCase(originalkey);
var hostName = params.hostName && utils.ObjectUtils.toFlatCase(params.hostName);
var componentName = hostName || params.props && params.props.__TYPE && utils.ObjectUtils.toFlatCase(params.props.__TYPE) || '';
var isTransition = fkey === 'transition';
var datasetPrefix = 'data-pc-';
var _getHostInstance = function getHostInstance(params) {
return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : _getHostInstance(params.parent) : params.parent : undefined;
};
var getPropValue = function getPropValue(name) {
var _params$props, _getHostInstance2;
return ((_params$props = params.props) === null || _params$props === void 0 ? void 0 : _params$props[name]) || ((_getHostInstance2 = _getHostInstance(params)) === null || _getHostInstance2 === void 0 ? void 0 : _getHostInstance2[name]);
};
ComponentBase.cParams = params;
ComponentBase.cName = componentName;
var _ref = getPropValue('ptOptions') || ComponentBase.context.ptOptions || {},
_ref$mergeSections = _ref.mergeSections,
mergeSections = _ref$mergeSections === void 0 ? true : _ref$mergeSections,
_ref$mergeProps = _ref.mergeProps,
useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
var getPTClassValue = function getPTClassValue() {
var value = _getOptionValue.apply(void 0, arguments);
if (Array.isArray(value)) {
return {
className: utils.classNames.apply(void 0, _toConsumableArray(value))
};
}
if (utils.ObjectUtils.isString(value)) {
return {
className: value
};
}
if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
return {
className: utils.classNames.apply(void 0, _toConsumableArray(value.className))
};
}
return value;
};
var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
var datasetProps = !isTransition && _objectSpread(_objectSpread({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? utils.ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
return mergeSections || !mergeSections && self ? useMergeProps ? utils.mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
classNameMergeFunction: (_ComponentBase$contex = ComponentBase.context.ptOptions) === null || _ComponentBase$contex === void 0 ? void 0 : _ComponentBase$contex.classNameMergeFunction
}) : _objectSpread(_objectSpread(_objectSpread({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread({}, self), Object.keys(datasetProps).length ? datasetProps : {});
};
var setMetaData = function setMetaData() {
var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var props = metadata.props,
state = metadata.state;
var ptm = function ptm() {
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
return getPTValue((props || {}).pt, key, _objectSpread(_objectSpread({}, metadata), params));
};
var ptmo = function ptmo() {
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
return getPTValue(obj, key, params, false);
};
var isUnstyled = function isUnstyled() {
return ComponentBase.context.unstyled || PrimeReact__default["default"].unstyled || props.unstyled;
};
var cx = function cx() {
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
return !isUnstyled() ? _getOptionValue(css && css.classes, key, _objectSpread({
props: props,
state: state
}, params)) : undefined;
};
var sx = function sx() {
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
if (when) {
var _ComponentBase$contex2;
var self = _getOptionValue(css && css.inlineStyles, key, _objectSpread({
props: props,
state: state
}, params));
var base = _getOptionValue(inlineStyles, key, _objectSpread({
props: props,
state: state
}, params));
return utils.mergeProps([base, self], {
classNameMergeFunction: (_ComponentBase$contex2 = ComponentBase.context.ptOptions) === null || _ComponentBase$contex2 === void 0 ? void 0 : _ComponentBase$contex2.classNameMergeFunction
});
}
return undefined;
};
return {
ptm: ptm,
ptmo: ptmo,
sx: sx,
cx: cx,
isUnstyled: isUnstyled
};
};
return _objectSpread(_objectSpread({
getProps: getProps,
getOtherProps: getOtherProps,
setMetaData: setMetaData
}, props), {}, {
defaultProps: defaultProps
});
}
};
var _getOptionValue = function getOptionValue(obj) {
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var fKeys = String(utils.ObjectUtils.toFlatCase(key)).split('.');
var fKey = fKeys.shift();
var matchedPTOption = utils.ObjectUtils.isNotEmpty(obj) ? Object.keys(obj).find(function (k) {
return utils.ObjectUtils.toFlatCase(k) === fKey;
}) : '';
return fKey ? utils.ObjectUtils.isObject(obj) ? _getOptionValue(utils.ObjectUtils.getItemValue(obj[matchedPTOption], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(obj, params);
};
var _getPT = function _getPT(pt) {
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var callback = arguments.length > 2 ? arguments[2] : undefined;
var _usept = pt === null || pt === void 0 ? void 0 : pt._usept;
var getValue = function getValue(value) {
var _ref3;
var checkSameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var _value = callback ? callback(value) : value;
var _key = utils.ObjectUtils.toFlatCase(key);
return (_ref3 = checkSameKey ? _key !== ComponentBase.cName ? _value === null || _value === void 0 ? void 0 : _value[_key] : undefined : _value === null || _value === void 0 ? void 0 : _value[_key]) !== null && _ref3 !== void 0 ? _ref3 : _value;
};
return utils.ObjectUtils.isNotEmpty(_usept) ? {
_usept: _usept,
originalValue: getValue(pt.originalValue),
value: getValue(pt.value)
} : getValue(pt, true);
};
var _usePT = function _usePT(pt, callback, key, params) {
var fn = function fn(value) {
return callback(value, key, params);
};
if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
var _ref4 = pt._usept || ComponentBase.context.ptOptions || {},
_ref4$mergeSections = _ref4.mergeSections,
mergeSections = _ref4$mergeSections === void 0 ? true : _ref4$mergeSections,
_ref4$mergeProps = _ref4.mergeProps,
useMergeProps = _ref4$mergeProps === void 0 ? false : _ref4$mergeProps,
classNameMergeFunction = _ref4.classNameMergeFunction;
var originalValue = fn(pt.originalValue);
var value = fn(pt.value);
if (originalValue === undefined && value === undefined) {
return undefined;
} else if (utils.ObjectUtils.isString(value)) {
return value;
} else if (utils.ObjectUtils.isString(originalValue)) {
return originalValue;
}
return mergeSections || !mergeSections && value ? useMergeProps ? utils.mergeProps([originalValue, value], {
classNameMergeFunction: classNameMergeFunction
}) : _objectSpread(_objectSpread({}, originalValue), value) : value;
}
return fn(pt);
};
var getGlobalPT = function getGlobalPT() {
return _getPT(ComponentBase.context.pt || PrimeReact__default["default"].pt, undefined, function (value) {
return utils.ObjectUtils.getItemValue(value, ComponentBase.cParams);
});
};
var getDefaultPT = function getDefaultPT() {
return _getPT(ComponentBase.context.pt || PrimeReact__default["default"].pt, undefined, function (value) {
return _getOptionValue(value, ComponentBase.cName, ComponentBase.cParams) || utils.ObjectUtils.getItemValue(value, ComponentBase.cParams);
});
};
var _useGlobalPT = function _useGlobalPT(callback, key, params) {
return _usePT(getGlobalPT(), callback, key, params);
};
var _useDefaultPT = function _useDefaultPT(callback, key, params) {
return _usePT(getDefaultPT(), callback, key, params);
};
var useHandleStyle = function useHandleStyle(styles) {
var _isUnstyled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
var config = arguments.length > 2 ? arguments[2] : undefined;
var name = config.name,
_config$styled = config.styled,
styled = _config$styled === void 0 ? false : _config$styled,
_config$hostName = config.hostName,
hostName = _config$hostName === void 0 ? '' : _config$hostName;
var globalCSS = _useGlobalPT(_getOptionValue, 'global.css', ComponentBase.cParams);
var componentName = utils.ObjectUtils.toFlatCase(name);
var _useStyle = hooks.useStyle(baseStyle, {
name: 'base',
manual: true
}),
loadBaseStyle = _useStyle.load;
var _useStyle2 = hooks.useStyle(commonStyle, {
name: 'common',
manual: true
}),
loadCommonStyle = _useStyle2.load;
var _useStyle3 = hooks.useStyle(globalCSS, {
name: 'global',
manual: true
}),
loadGlobalStyle = _useStyle3.load;
var _useStyle4 = hooks.useStyle(styles, {
name: name,
manual: true
}),
loadComponentStyle = _useStyle4.load;
var hook = function hook(hookName) {
if (!hostName) {
var selfHook = _usePT(_getPT((ComponentBase.cProps || {}).pt, componentName), _getOptionValue, "hooks.".concat(hookName));
var defaultHook = _useDefaultPT(_getOptionValue, "hooks.".concat(hookName));
selfHook === null || selfHook === void 0 || selfHook();
defaultHook === null || defaultHook === void 0 || defaultHook();
}
};
hook('useMountEffect');
hooks.useMountEffect(function () {
// Load base and global styles first as they are always needed
loadBaseStyle();
loadGlobalStyle();
// Only load additional styles if component is styled
if (!_isUnstyled()) {
// Load common styles shared across components
loadCommonStyle();
// Load component-specific styles if not explicitly styled
if (!styled) {
loadComponentStyle();
}
}
});
hooks.useUpdateEffect(function () {
hook('useUpdateEffect');
});
hooks.useUnmountEffect(function () {
hook('useUnmountEffect');
});
};
exports.ComponentBase = ComponentBase;
exports.useHandleStyle = useHandleStyle;
Object.defineProperty(exports, '__esModule', { value: true });
return exports;
})({}, primereact.api, primereact.hooks, primereact.utils);