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
2 lines (1 loc) • 16.2 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var n=require("primereact/api"),t=require("primereact/hooks"),e=require("primereact/utils");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=o(n);function r(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e<t;e++)o[e]=n[e];return o}function a(n){if(Array.isArray(n))return r(n)}function l(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function p(n,t){if(n){if("string"==typeof n)return r(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?r(n,t):void 0}}function s(){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 c(n){return a(n)||l(n)||p(n)||s()}function u(n){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},u(n)}function d(n,t){if("object"!==u(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function f(n){var t=d(n,"string");return"symbol"===u(t)?t:String(t)}function b(n,t,e){return(t=f(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function g(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function m(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?g(Object(e),!0).forEach((function(t){b(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):g(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var v="\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 .p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal;\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("\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 ").concat("\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","\n ").concat("\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","\n}\n"),y={cProps:void 0,cParams:void 0,cName:void 0,defaultProps:{pt:void 0,ptOptions:void 0,unstyled:!1},context:{},globalCSS:void 0,classes:{},styles:"",extend:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.css,o=m(m({},n.defaultProps),y.defaultProps),r={},a=function(){var n,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];t.hasOwnProperty("pt")&&void 0!==t.pt&&(t=t.pt);var a=o,l=/./g.test(a)&&!!i[a.split(".")[0]],p=e.ObjectUtils.toFlatCase(l?a.split(".")[1]:a),s=i.hostName&&e.ObjectUtils.toFlatCase(i.hostName)||i.props&&i.props.__TYPE&&e.ObjectUtils.toFlatCase(i.props.__TYPE)||"",u="transition"===p,d="data-pc-",f=function n(t){return null!=t&&t.props?t.hostName?t.props.__TYPE===t.hostName?t.props:n(t.parent):t.parent:void 0};y.cParams=i,y.cName=s;var g,v,P,S=(g="ptOptions",(null===(v=i.props)||void 0===v?void 0:v[g])||(null===(P=f(i))||void 0===P?void 0:P[g])||y.context.ptOptions||{}),k=S.mergeSections,N=void 0===k||k,U=S.mergeProps,E=void 0!==U&&U,_=function(){var n=h.apply(void 0,arguments);return Array.isArray(n)?{className:e.classNames.apply(void 0,c(n))}:e.ObjectUtils.isString(n)?{className:n}:null!=n&&n.hasOwnProperty("className")&&Array.isArray(n.className)?{className:e.classNames.apply(void 0,c(n.className))}:n},F=r?l?w(_,a,i):j(_,a,i):void 0,M=l?void 0:O(x(t,s),_,a,i),C=!u&&m(m({},"root"===p&&b({},"".concat(d,"name"),i.props&&i.props.__parentMetadata?e.ObjectUtils.toFlatCase(i.props.__TYPE):s)),{},b({},"".concat(d,"section"),p));return N||!N&&M?E?e.mergeProps([F,M,Object.keys(C).length?C:{}],{classNameMergeFunction:null===(n=y.context.ptOptions)||void 0===n?void 0:n.classNameMergeFunction}):m(m(m({},F),M),Object.keys(C).length?C:{}):m(m({},M),Object.keys(C).length?C:{})};return m(m({getProps:function(n){return y.context=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},y.cProps=n,e.ObjectUtils.getMergedProps(n,o)},getOtherProps:function(n){return e.ObjectUtils.getDiffProps(n,o)},setMetaData:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.props,l=n.state,p=function(){return y.context.unstyled||i.default.unstyled||o.unstyled};return{ptm:function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a((o||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",m(m({},n),t))},ptmo:function(){return a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},!1)},sx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!(arguments.length>2&&void 0!==arguments[2])||arguments[2]){var a,p=h(t&&t.inlineStyles,n,m({props:o,state:l},i)),s=h(r,n,m({props:o,state:l},i));return e.mergeProps([s,p],{classNameMergeFunction:null===(a=y.context.ptOptions)||void 0===a?void 0:a.classNameMergeFunction})}},cx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return p()?void 0:h(t&&t.classes,n,m({props:o,state:l},e))},isUnstyled:p}}},n),{},{defaultProps:o})}},h=function n(t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=String(e.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"")).split("."),r=i.shift(),a=e.ObjectUtils.isNotEmpty(t)?Object.keys(t).find((function(n){return e.ObjectUtils.toFlatCase(n)===r})):"";return r?e.ObjectUtils.isObject(t)?n(e.ObjectUtils.getItemValue(t[a],o),i.join("."),o):void 0:e.ObjectUtils.getItemValue(t,o)},x=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",o=arguments.length>2?arguments[2]:void 0,i=null==n?void 0:n._usept,r=function(n){var i,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=o?o(n):n,l=e.ObjectUtils.toFlatCase(t);return null!==(i=r?l!==y.cName?null==a?void 0:a[l]:void 0:null==a?void 0:a[l])&&void 0!==i?i:a};return e.ObjectUtils.isNotEmpty(i)?{_usept:i,originalValue:r(n.originalValue),value:r(n.value)}:r(n,!0)},O=function(n,t,o,i){var r=function(n){return t(n,o,i)};if(null!=n&&n.hasOwnProperty("_usept")){var a=n._usept||y.context.ptOptions||{},l=a.mergeSections,p=void 0===l||l,s=a.mergeProps,c=void 0!==s&&s,u=a.classNameMergeFunction,d=r(n.originalValue),f=r(n.value);if(void 0===d&&void 0===f)return;return e.ObjectUtils.isString(f)?f:e.ObjectUtils.isString(d)?d:p||!p&&f?c?e.mergeProps([d,f],{classNameMergeFunction:u}):m(m({},d),f):f}return r(n)},w=function(n,t,o){return O(x(y.context.pt||i.default.pt,void 0,(function(n){return e.ObjectUtils.getItemValue(n,y.cParams)})),n,t,o)},j=function(n,t,o){return O(x(y.context.pt||i.default.pt,void 0,(function(n){return h(n,y.cName,y.cParams)||e.ObjectUtils.getItemValue(n,y.cParams)})),n,t,o)};exports.ComponentBase=y,exports.useHandleStyle=function(n){var o=arguments.length>2?arguments[2]:void 0,i=o.name,r=o.styled,a=void 0!==r&&r,l=o.hostName,p=void 0===l?"":l,s=w(h,"global.css",y.cParams),c=e.ObjectUtils.toFlatCase(i),u=t.useStyle("\n.p-hidden-accessible {\n border: 0;\n padding: 0;\n margin: -1px;\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: var(--scrollbar-width);\n}\n",{name:"base",manual:!0}).load,d=t.useStyle(v,{name:"common",manual:!0}).load,f=t.useStyle(s,{name:"global",manual:!0}).load,b=t.useStyle(n,{name:i,manual:!0}).load,g=function(n){if(!p){var t=O(x((y.cProps||{}).pt,c),h,"hooks.".concat(n)),e=j(h,"hooks.".concat(n));null==t||t(),null==e||e()}};g("useMountEffect"),t.useMountEffect((function(){u(),f(),d(),a||b()})),t.useUpdateEffect((function(){g("useUpdateEffect")})),t.useUnmountEffect((function(){g("useUnmountEffect")}))};