primereact 10.9.6 → 10.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +3 -2
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +3 -2
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +3 -2
- package/accordion/accordion.min.js +1 -1
- package/api/api.d.ts +4 -0
- package/autocomplete/autocomplete.cjs.js +2 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +2 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +2 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/calendar/calendar.cjs.js +9 -8
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +9 -8
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +9 -8
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +9 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +9 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +9 -1
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +2 -1
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +2 -1
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +2 -1
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -1
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -1
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +8 -6
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -6
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +8 -6
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +35 -23
- package/core/core.min.js +5 -5
- package/datatable/datatable.cjs.js +65 -39
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +66 -7
- package/datatable/datatable.esm.js +65 -39
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +66 -40
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +3 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +3 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +3 -3
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +4 -2
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +4 -2
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +4 -2
- package/dropdown/dropdown.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +5 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +5 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +5 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +11 -7
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.esm.js +11 -7
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +11 -7
- package/inputotp/inputotp.min.js +1 -1
- package/megamenu/megamenu.cjs.js +19 -12
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +19 -12
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +19 -12
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +3 -2
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +3 -2
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +3 -2
- package/mention/mention.min.js +1 -1
- package/menubar/menubar.cjs.js +8 -3
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +8 -3
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +8 -3
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +3 -1
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +3 -1
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +3 -1
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +10 -0
- package/package.json +1 -1
- package/primereact.all.cjs.js +187 -111
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +187 -111
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +187 -111
- package/primereact.all.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +6 -4
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +6 -4
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +6 -4
- package/slidemenu/slidemenu.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +11 -5
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +11 -5
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +11 -5
- package/splitbutton/splitbutton.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +9 -4
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +9 -4
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +9 -4
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +3 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/tree/tree.cjs.js +22 -16
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +22 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +22 -16
- package/tree/tree.min.js +1 -1
- package/web-types.json +19 -1
package/megamenu/megamenu.js
CHANGED
|
@@ -999,11 +999,12 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
999
999
|
var key = idState + '_separator__' + index;
|
|
1000
1000
|
var separatorProps = mergeProps({
|
|
1001
1001
|
id: key,
|
|
1002
|
-
key: key,
|
|
1003
1002
|
className: cx('separator'),
|
|
1004
1003
|
role: 'separator'
|
|
1005
1004
|
}, ptm('separator'));
|
|
1006
|
-
return /*#__PURE__*/React__namespace.createElement("li", separatorProps
|
|
1005
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
|
|
1006
|
+
key: key
|
|
1007
|
+
}));
|
|
1007
1008
|
};
|
|
1008
1009
|
var createSubmenuIcon = function createSubmenuIcon(item) {
|
|
1009
1010
|
if (item.items) {
|
|
@@ -1054,7 +1055,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1054
1055
|
var isGroup = isItemGroup(processedItem);
|
|
1055
1056
|
var isActive = isItemActive(processedItem);
|
|
1056
1057
|
var submenuItemProps = mergeProps({
|
|
1057
|
-
key: key,
|
|
1058
1058
|
id: key,
|
|
1059
1059
|
'aria-label': getItemLabel(processedItem),
|
|
1060
1060
|
'aria-disabled': isDisabled,
|
|
@@ -1094,7 +1094,9 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1094
1094
|
};
|
|
1095
1095
|
content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
|
|
1096
1096
|
}
|
|
1097
|
-
return /*#__PURE__*/React__namespace.createElement("li",
|
|
1097
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, submenuItemProps, {
|
|
1098
|
+
key: key
|
|
1099
|
+
}), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
|
|
1098
1100
|
};
|
|
1099
1101
|
var createSubmenu = function createSubmenu(submenu, index) {
|
|
1100
1102
|
if (!isItemVisible(submenu)) {
|
|
@@ -1106,7 +1108,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1106
1108
|
var isDisabled = isItemDisabled(submenu);
|
|
1107
1109
|
var submenuHeaderProps = mergeProps({
|
|
1108
1110
|
id: key,
|
|
1109
|
-
key: key,
|
|
1110
1111
|
className: utils.classNames(submenu.className, cx('submenuHeader', {
|
|
1111
1112
|
disabled: isDisabled
|
|
1112
1113
|
})),
|
|
@@ -1118,7 +1119,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1118
1119
|
key: key
|
|
1119
1120
|
}, /*#__PURE__*/React__namespace.createElement("li", submenuHeaderProps, label), items);
|
|
1120
1121
|
};
|
|
1121
|
-
var createSubmenus = function createSubmenus(column) {
|
|
1122
|
+
var createSubmenus = function createSubmenus(column, index) {
|
|
1122
1123
|
return column.map(createSubmenu);
|
|
1123
1124
|
};
|
|
1124
1125
|
var createColumn = function createColumn(processedItem, processedColumn, index) {
|
|
@@ -1126,7 +1127,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1126
1127
|
var key = category.label + '_column_' + index;
|
|
1127
1128
|
var submenus = createSubmenus(processedColumn);
|
|
1128
1129
|
var columnProps = mergeProps({
|
|
1129
|
-
key: key,
|
|
1130
1130
|
className: cx('column', {
|
|
1131
1131
|
category: category
|
|
1132
1132
|
})
|
|
@@ -1140,12 +1140,16 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1140
1140
|
display: display
|
|
1141
1141
|
}
|
|
1142
1142
|
}, ptm('submenu'));
|
|
1143
|
-
return /*#__PURE__*/React__namespace.createElement("div",
|
|
1143
|
+
return /*#__PURE__*/React__namespace.createElement("div", _extends({}, columnProps, {
|
|
1144
|
+
key: key
|
|
1145
|
+
}), /*#__PURE__*/React__namespace.createElement("ul", submenuProps, submenus));
|
|
1144
1146
|
};
|
|
1145
1147
|
var createColumns = function createColumns(category) {
|
|
1146
1148
|
if (category.items) {
|
|
1147
1149
|
return category.items.map(function (column, index) {
|
|
1148
|
-
return
|
|
1150
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
1151
|
+
key: index
|
|
1152
|
+
}, createColumn(category, column, index));
|
|
1149
1153
|
});
|
|
1150
1154
|
}
|
|
1151
1155
|
return null;
|
|
@@ -1206,7 +1210,6 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1206
1210
|
var isFocused = isItemFocused(processedItem);
|
|
1207
1211
|
var isDisabled = isItemDisabled(processedItem);
|
|
1208
1212
|
var menuItemProps = mergeProps(_defineProperty({
|
|
1209
|
-
key: key,
|
|
1210
1213
|
id: key,
|
|
1211
1214
|
className: utils.classNames(category.className, cx('menuitem', {
|
|
1212
1215
|
category: category,
|
|
@@ -1242,7 +1245,9 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1242
1245
|
},
|
|
1243
1246
|
className: cx('content')
|
|
1244
1247
|
}, getPTOptions(processedItem, 'content', index));
|
|
1245
|
-
return /*#__PURE__*/React__namespace.createElement("li",
|
|
1248
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuItemProps, {
|
|
1249
|
+
key: key
|
|
1250
|
+
}), /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
|
|
1246
1251
|
};
|
|
1247
1252
|
var createMenu = function createMenu() {
|
|
1248
1253
|
var menuProps = mergeProps({
|
|
@@ -1261,7 +1266,9 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, componentbase,
|
|
|
1261
1266
|
}, ptm('menu'));
|
|
1262
1267
|
if (processedItems) {
|
|
1263
1268
|
return /*#__PURE__*/React__namespace.createElement("ul", menuProps, processedItems.map(function (item, index) {
|
|
1264
|
-
return
|
|
1269
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
1270
|
+
key: index
|
|
1271
|
+
}, createCategory(item, index));
|
|
1265
1272
|
}));
|
|
1266
1273
|
}
|
|
1267
1274
|
return null;
|
package/megamenu/megamenu.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.megamenu=function(e,n,t,r,a,i,u,o,l,c){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(n),d=m(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function b(e){return b="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},b(e)}function g(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=g(e,"string");return"symbol"==b(n)?n:n+""}function v(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,u,o=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(o.push(r.value),o.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw a}}return o}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return h(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return x(e)||k(e,n)||I(e,n)||E()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return c.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return c.classNames("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n .p-megamenu {\n display: flex;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu-root-list > .p-menuitem {\n position: relative;\n }\n\n .p-megamenu .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 .p-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n position: absolute;\n width: auto;\n z-index: 1;\n }\n\n .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n }\n\n .p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n /* Horizontal */\n .p-megamenu-horizontal {\n align-items: center;\n }\n\n .p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-megamenu-horizontal .p-megamenu-custom,\n .p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n }\n\n /* Vertical */\n .p-megamenu-vertical {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu-grid {\n display: flex;\n }\n\n .p-megamenu-col-2,\n .p-megamenu-col-3,\n .p-megamenu-col-4,\n .p-megamenu-col-6,\n .p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n\n .p-megamenu-col-2 {\n width: 16.6667%;\n }\n\n .p-megamenu-col-3 {\n width: 25%;\n }\n\n .p-megamenu-col-4 {\n width: 33.3333%;\n }\n\n .p-megamenu-col-6 {\n width: 50%;\n }\n\n .p-megamenu-col-12 {\n width: 100%;\n }\n\n .p-megamenu-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=p.memo(p.forwardRef((function(e,n){var m=a.useMergeProps(),s=p.useContext(t.PrimeReactContext),b=O.getProps(e,s),g=N(p.useState(b.id),2),y=g[0],x=g[1],k=N(p.useState(null),2),h=k[0],I=k[1],E=N(p.useState(null),2),j=E[0],w=E[1],U=N(p.useState({index:-1,key:"",parentKey:""}),2),D=U[0],K=U[1],P=N(p.useState(null),2),z=P[0],H=P[1],_=N(p.useState(!1),2),A=_[0],M=_[1],R=N(p.useState(null),2),C=R[0],L=R[1],B=N(p.useState([]),2),T=B[0],J=B[1],X=N(p.useState(null),2),Z=X[0],F=X[1],V=N(p.useState(!1),2),q=V[0],W=V[1],Y=N(p.useState(!1),2),$=Y[0],G=Y[1],Q=p.useRef(""),ee=p.useRef(null),ne=p.useRef(null),te=p.useRef(null),re=p.useRef(null),ae=p.useRef(null),ie="horizontal"===b.orientation,ue="vertical"===b.orientation,oe=a.useMatchMedia("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),le=O.setMetaData({props:b,state:{id:y,activeItem:h&&h.item,attributeSelector:Z,mobileActive:q}}),ce=le.ptm,me=le.cx;r.useHandleStyle(O.css.styles,le.isUnstyled,{name:"megamenu"});var se=function(e,n,t){return ce(n,{context:{active:an(e),focused:ln(e),disabled:on(e),item:e,index:t}})},pe=N(a.useEventListener({type:"click",listener:function(e){Ne(e)&&Ee()}}),2),de=pe[0],fe=pe[1],be=N(a.useResizeListener({type:"resize",listener:function(){Ee()}}),2),ge=be[0],ye=be[1],ve=function(){de(),ge()},xe=function(){fe(),ye()},ke=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=sn(t);if(Te(t)){var i=t.index,u=t.key,o=t.parentKey;I(null),K({index:i,key:u,parentKey:o})}else if(a)he(e);else{var l=h?h.index:-1,c=h?h.key:"";Ee(n),K({index:l,key:c,parentKey:""}),W(!1)}}},he=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items);u&&I(n),K({index:r,key:a,parentKey:i}),u&&M(!0),t&&c.DomHandler.focus(te.current)}},Ie=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.command&&r.command({originalEvent:n,item:b.item}),r.url||(n.preventDefault(),n.stopPropagation());var a=sn(t),i=c.ObjectUtils.isEmpty(t.parent);if(Te(t)){var u=t.index,o=t.key,l=t.parentKey;I(null),K({index:u,key:o,parentKey:l}),M(!i)}else if(a)he(e);else{var m=i?t:h;Ee(),Qe(n,m?m.index:-1),W(!1),c.DomHandler.focus(te.current)}}},Ee=function(e){q&&(W(!1),setTimeout((function(){c.DomHandler.focus(ae.current)}),0)),I(null),e&&(K({index:-1,key:"",parentKey:""}),c.DomHandler.focus(te.current)),M(!1)},Ne=function(e){return ne.current&&!(ne.current.isSameNode(e.target)||ne.current.contains(e.target)||ae.current&&ae.current.contains(e.target))};p.useImperativeHandle(n,(function(){return{props:b,getElement:function(){return ne.current}}})),a.useMountEffect((function(){var e=c.UniqueComponentId();!y&&x(e),b.breakpoint&&!Z&&F(e)})),a.useUpdateEffect((function(){return Z&&ne.current&&(ne.current.setAttribute(Z,""),In()),function(){En()}}),[Z,b.breakpoint]),a.useUpdateEffect((function(){q?ve():xe()}),[q]),a.useUpdateEffect((function(){if($){var e=-1!==D.index?Ze(D.index):qe();Qe(e),G(!1)}}),[$]),a.useUpdateEffect((function(){var e=c.DomHandler.findSingle(ne.current,".p-menuitem-active > .p-megamenu-panel");return h?(ve(),oe||c.ZIndexUtils.set("menu",e,s&&s.autoZIndex||d.default.autoZIndex,s&&s.zIndex.menu||d.default.zIndex.menu)):xe(),oe&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){xe(),c.ZIndexUtils.clear(e)}}),[h,oe]),a.useUpdateEffect((function(){var e=c.ObjectUtils.isNotEmpty(D.key)?"".concat(y,"_").concat(D.key):null;H(e)}),[D]),p.useEffect((function(){var e=fn(b.model||[],0,null,"");L(e)}),[b.model]),a.useUpdateEffect((function(){var e=c.ObjectUtils.isNotEmpty(h)?h:null,n=e&&e.key===D.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):C;J(n)}),[D,h,C]);var Oe,je=function(e){if(w(!0),-1===D.index){var n=qe(),t=Ye(n);K({index:n,key:t.key,parentKey:t.parentKey})}b.onFocus&&b.onFocus(e)},Se=function(e){w(!1),K({index:-1,key:"",parentKey:""}),Q.current="",M(!1),b.onBlur&&b.onBlur(e)},we=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ue(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":Ke(e);break;case"ArrowRight":Pe(e);break;case"Home":ze(e);break;case"End":He(e);break;case"Space":Ae(e);break;case"Enter":case"NumpadEnter":_e(e);break;case"Escape":Me(e);break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e,e.key)}},Ue=function(e){if(e.preventDefault(),ie){if(c.ObjectUtils.isNotEmpty(h)&&h.key===D.key)K({index:-1,key:"",parentKey:h.key});else{var n=Ye(D.index);sn(n)&&(he({originalEvent:e,processedItem:n}),K({index:-1,key:n.key,parentKey:n.parentKey}),Q.current="")}setTimeout((function(){return G(!0)}),0)}else{var t=-1!==D.index?Ze(D.index):qe();Qe(t)}},De=function(e){var n=Ye(D.index),t=sn(n);if(e.altKey&&ie)-1!==D.index&&!t&&c.ObjectUtils.isNotEmpty(h)&&(0===D.index?(K({index:h.index,key:h.key,parentKey:h.parentKey}),I(null)):Qe(Je()));else{var r=-1!==D.index?Fe(D.index):We();Qe(r)}e.preventDefault()},Ke=function(e){var n=Ye(D.index);if(sn(n)){if(ie){var t=-1!==D.index?Fe(D.index):We();Qe(t)}}else{ue&&c.ObjectUtils.isNotEmpty(h)&&0===n.columnIndex&&(K({index:h.index,key:h.key,parentKey:h.parentKey}),I(null));var r=n.columnIndex-1,a=T.findIndex((function(e){return e.columnIndex===r}));-1!==a&&Qe(a)}e.preventDefault()},Pe=function(e){e.preventDefault();var n=Ye(D.index);if(sn(n)){if(ue)if(c.ObjectUtils.isNotEmpty(h)&&h.key===n.key)K({index:-1,key:"",parentKey:h.key});else{var t=Ye(D.index);sn(t)&&(he({originalEvent:e,processedItem:t}),K({index:-1,key:t.key,parentKey:t.parentKey}),Q.current="")}setTimeout((function(){return G(!0)}),0)}else{var r=n.columnIndex+1,a=T.findIndex((function(e){return e.columnIndex===r}));-1!==a&&Qe(a)}},ze=function(e){Qe(Je()),e.preventDefault()},He=function(e){Qe(Xe()),e.preventDefault()},_e=function(e){if(-1!==D.index){var n=c.DomHandler.findSingle(te.current,'li[id="'.concat(z,'"]')),t=n&&c.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Ae=function(e){_e(e)},Me=function(e){c.ObjectUtils.isNotEmpty(h)&&(K({index:h.index,key:h.key}),I(null)),e.preventDefault()},Re=function(e){if(-1!==D.index){var n=Ye(D.index);!sn(n)&&he({originalEvent:e,processedItem:n})}Ee()},Ce=function(e){var n=$e(e);return Le(e)&&n&&n.toLocaleLowerCase().startsWith(Q.current.toLocaleLowerCase())},Le=function(e){return!!e&&!on(e.item)&&!mn(e.item)},Be=function(e){return Le(e)&&Te(e)},Te=function(e){return!!c.ObjectUtils.isNotEmpty(h)&&h.key===e.key},Je=function(){return T.findIndex((function(e){return Le(e)}))},Xe=function(){return c.ObjectUtils.findLastIndex(T,(function(e){return Le(e)}))},Ze=function(e){var n=e<T.length-1?T.slice(e+1).findIndex((function(e){return Le(e)})):-1;return n>-1?n+e+1:e},Fe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(T.slice(0,e),(function(e){return Le(e)})):-1;return n>-1?n:e},Ve=function(){return T&&T.findIndex((function(e){return Be(e)}))},qe=function(){var e=Ve();return e<0?Je():e},We=function(){var e=Ve();return e<0?Xe():e},Ye=function(e){return c.ObjectUtils.isNotEmpty(T)?T[e]:null},$e=function(e){return e&&e.item?rn(e):void 0},Ge=function(e,n){Q.current=(Q.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==D.index?-1===(t=T.slice(D.index).findIndex((function(e){return Ce(e)})))?T.slice(0,D.index).findIndex((function(e){return Ce(e)})):t+D.index:T.findIndex((function(e){return Ce(e)})))&&(r=!0),-1===t&&-1===D.index&&(t=qe()),-1!==t&&Qe(t),ee&&clearTimeout(ee),ee.current=setTimeout((function(){Q.current="",ee.current=null}),500),r},Qe=function(e){var n=Ye(e),t=c.ObjectUtils.isNotEmpty(n)?n.key:"";K(S(S({},D),{},{index:e,key:t})),en()},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(y,"_").concat(e):z,t=c.DomHandler.findSingle(te.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=function(e){return"".concat(y,"_").concat(e.key)},tn=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},rn=function(e){return tn(e,"label")},an=function(e){return!!c.ObjectUtils.isNotEmpty(h)&&h.key===e.key},un=function(e){return!1!==tn(e,"visible")},on=function(e){return tn(e,"disabled")},ln=function(e){return z===nn(e)},cn=function(e){return c.ObjectUtils.isNotEmpty(e.items)},mn=function(e){return tn(e,"separator")},sn=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},pn=function(){return b.model.filter((function(e){return un(e)&&!tn(e,"separator")})).length},dn=function(e){return e-b.model.slice(0,e).filter((function(e){return un(e)&&tn(e,"separator")})).length+1},fn=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4?arguments[4]:void 0;return e?(Array.isArray(e)||(e=[e]),e.map((function(e,i){var u="".concat(""!==r?r+"_":"").concat(void 0!==a?a+"_":"").concat(i),o={item:e,index:i,level:n,key:u,parent:t,parentKey:r,columnIndex:void 0!==a?a:t&&void 0!==t.columnIndex?t.columnIndex:i};return o.items=0===n&&e.items&&e.items.length>0?e.items.map((function(e,t){return fn(e,n+1,o,u,t)})):fn(e.items,n+1,o,u),o}))):[]},bn=function(e){var n=y+"_separator__"+e,t=m({id:n,key:n,className:me("separator"),role:"separator"},ce("separator"));return p.createElement("li",t)},gn=function(e){if(e.items){var n=m({className:me("submenuIcon")},ce("submenuIcon"));return c.IconUtils.getJSXIcon(ue?b.submenuIcon||p.createElement(u.AngleRightIcon,n):b.submenuIcon||p.createElement(i.AngleDownIcon,n),S({},n),{props:b})}return null},yn=function(e,n){var t=e.item;if(!1===t.visible)return null;if(t.separator)return bn(n);var r=nn(e),a=c.classNames("p-menuitem-link",{"p-disabled":t.disabled}),i=m({className:c.classNames(t.icon,me("icon"))},ce("icon")),u=m({className:me("label")},ce("label")),o=c.classNames(t.icon,"p-menuitem-icon"),s=c.IconUtils.getJSXIcon(t.icon,S({},i),{props:b}),d=t.label&&p.createElement("span",u,t.label),f=m({href:t.url||"#",className:me("action",{item:t}),target:t.target,tabIndex:"-1"},se(e,"action",n)),g=ln(e),y=on(e),v=cn(e),x=an(e),k=m({key:r,id:r,"aria-label":rn(e),"aria-disabled":y,"aria-haspopup":v?"menu":void 0,"aria-level":"2","aria-expanded":v?x:void 0,"aria-setsize":pn(),"aria-posinset":dn(n),"data-p-highlight":x,"data-p-disabled":y,"data-p-focused":g,className:c.classNames(t.className,me("submenuItem",{focused:g,disabled:y,active:x})),style:t.style,role:"menuitem"},se(e,"submenuItem",n)),h=m({onClick:function(n){return ke({originalEvent:n,processedItem:e})},className:me("content")},se(e,"content",n)),I=p.createElement("a",f,s,d,p.createElement(l.Ripple,null));t.template&&(I=c.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:o,element:I,props:b}));return p.createElement("li",k,p.createElement("div",h,I))},vn=function(e,n){if(!un(e))return null;var t=e.items.map(yn),r=e.id||y+"_sub_"+n,a=rn(e),i=on(e),u=m({id:r,key:r,className:c.classNames(e.className,me("submenuHeader",{disabled:i})),style:e.style,role:"presentation","data-p-disabled":i},ce("submenuHeader"));return p.createElement(p.Fragment,{key:r},p.createElement("li",u,a),t)},xn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(vn),u=m({key:a,className:me("column",{category:r})},ce("column")),o=h&&h.item===r?"block":"none",l=m({role:"menu",tabIndex:b.disabled?null:b.tabIndex||"0",className:me("submenu"),style:{display:o}},ce("submenu"));return p.createElement("div",u,p.createElement("ul",l,i))},kn=function(e){return e.items?e.items.map((function(n,t){return xn(e,n,t)})):null},hn=function(e){if(e.item.items){var n=kn(e),t=m({className:me("panel")},ce("panel")),r=m({className:me("grid")},ce("grid"));return p.createElement("div",t,p.createElement("div",r,n))}return null},In=function(){if(!re.current){re.current=c.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Z),n="\n @media screen and (max-width: ".concat(b.breakpoint,") {\n .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n position: relative;\n left: 0;\n box-shadow: none;\n border-radius: 0;\n background: inherit;\n }\n\n .p-megamenu[").concat(e,"] {\n width: 100%;\n position: relative;\n padding: 0.5rem;\n }\n\n .p-megamenu[").concat(e,"] .p-megamenu-grid {\n flex-wrap: wrap;\n }\n\n .p-megamenu[").concat(e,"] .p-megamenu-button {\n display: flex;\n }\n\n .p-megamenu[").concat(e,"] .p-megamenu-root-list {\n display: none;\n }\n\n .p-megamenu[").concat(e,'] div[class*="p-megamenu-col-"] {\n width: 100%;\n }\n\n .p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n left: 0;\n top: 100%;\n z-index: 1;\n width: 100%;\n display: flex;\n padding: 0.5rem 0;\n position: absolute;\n flex-direction: column;\n }\n\n .p-megamenu[").concat(e,"] .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu[").concat(e,"] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n padding-left: 2.25rem;\n }\n\n ").concat(ie?"\n .p-megamenu[".concat(e,"] .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n "):"","\n\n ").concat(ue?"\n .p-megamenu[".concat(e,"] .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(90deg);\n }\n\n .p-megamenu[").concat(e,"] .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n "):"","\n }\n ");re.current.innerHTML=n}},En=function(){re.current=c.DomHandler.removeInlineStyle(re.current)},Nn=function(e,n){var t=e.item,r=m({className:me("icon")},se(e,"icon",n)),a=c.IconUtils.getJSXIcon(t.icon,S({},r),{props:b}),i=m({className:me("label")},se(e,"label",n)),u=t.label&&p.createElement("span",i,t.label),o=gn(t),s=hn(e),d=m({href:t.url||"#",className:me("action",{item:t}),target:t.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},se(e,"action",n)),f=t.template?c.ObjectUtils.getJSXElement(t.template,t,d):p.createElement("a",d,a,u,o,p.createElement(l.Ripple,null)),g=nn(e),y=ln(e),x=on(e),k=m(v({key:g,id:g,className:c.classNames(t.className,me("menuitem",{category:t,activeItemState:h,focused:y,disabled:x})),"aria-label":rn(t),"aria-level":"1","aria-setsize":pn(),"aria-posinset":dn(n),"aria-expanded":cn(e)?an(e):void 0,"aria-haspopup":cn(e)?"menu":void 0,"aria-disabled":on(e),"data-p-highlight":an(t),"data-p-disabled":x,"data-p-focused":y,style:t.style,role:"menuitem"},"data-p-disabled",t.disabled||!1),se(e,"menuitem",n)),I=m({onClick:function(n){return Ie({originalEvent:n,processedItem:e})},onMouseEnter:function(n){return t={originalEvent:n,processedItem:e},void(!q&&A&&he(t));var t},className:me("content")},se(e,"content",n));return p.createElement("li",k,p.createElement("div",I,f),s)},On=m({className:c.classNames(b.className,me("root",{mobileActiveState:q})),id:y,style:b.style},O.getOtherProps(b),ce("root")),jn=(Oe=m({ref:te,tabIndex:b.disabled?null:b.tabIndex||"0",className:me("menu"),onFocus:je,onBlur:Se,onKeyDown:we,"aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-orientation":ue?"vertical":"horizontal","aria-activedescendant":j?z:null,id:y+"_list",role:"menubar"},ce("menu")),C?p.createElement("ul",Oe,C.map((function(e,n){return Nn(e,n)}))):null),Sn=function(){var e=m({className:me("start")},ce("start"));if(b.start){var n=c.ObjectUtils.getJSXElement(b.start,b);return p.createElement("div",e,n)}return null}(),wn=function(){var e=m({className:me("end")},ce("end"));if(b.end){var n=c.ObjectUtils.getJSXElement(b.end,b);return p.createElement("div",e,n)}return null}(),Un=function(){if(b.model&&b.model.length<1)return null;var e=m({className:me("menuButton"),href:"#",role:"button","aria-haspopup":!!(b.model&&b.model.length>0),"aria-expanded":q,"aria-controls":y,"aria-label":t.ariaLabel("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(q?(W(!1),c.ZIndexUtils.clear(te.current),Ee()):(W(!0),c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,s&&s.zIndex.menu||d.default.zIndex.menu),setTimeout((function(){K({index:qe(),level:0,parentKey:""})}),1)))}},ce("menuButton")),n=m(ce("menuButtonIcon")),r=c.IconUtils.getJSXIcon(b.menuIcon||p.createElement(o.BarsIcon,n),S({},n),{props:b});return p.createElement("a",f({ref:ae},e),r)}();return p.createElement("div",f({id:b.id,ref:ne},On),Sn,Un,jn,wn)})));return w.displayName="MegaMenu",e.MegaMenu=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.angledown,primereact.icons.angleright,primereact.icons.bars,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.megamenu=function(e,n,t,r,a,i,u,o,l,c){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(n),d=m(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function b(e){return b="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},b(e)}function g(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=g(e,"string");return"symbol"==b(n)?n:n+""}function v(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,u,o=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(o.push(r.value),o.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw a}}return o}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return h(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return x(e)||k(e,n)||I(e,n)||E()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return c.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return c.classNames("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n .p-megamenu {\n display: flex;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu-root-list > .p-menuitem {\n position: relative;\n }\n\n .p-megamenu .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 .p-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n position: absolute;\n width: auto;\n z-index: 1;\n }\n\n .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n }\n\n .p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n /* Horizontal */\n .p-megamenu-horizontal {\n align-items: center;\n }\n\n .p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-megamenu-horizontal .p-megamenu-custom,\n .p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n }\n\n /* Vertical */\n .p-megamenu-vertical {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu-grid {\n display: flex;\n }\n\n .p-megamenu-col-2,\n .p-megamenu-col-3,\n .p-megamenu-col-4,\n .p-megamenu-col-6,\n .p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n\n .p-megamenu-col-2 {\n width: 16.6667%;\n }\n\n .p-megamenu-col-3 {\n width: 25%;\n }\n\n .p-megamenu-col-4 {\n width: 33.3333%;\n }\n\n .p-megamenu-col-6 {\n width: 50%;\n }\n\n .p-megamenu-col-12 {\n width: 100%;\n }\n\n .p-megamenu-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=p.memo(p.forwardRef((function(e,n){var m=a.useMergeProps(),s=p.useContext(t.PrimeReactContext),b=O.getProps(e,s),g=N(p.useState(b.id),2),y=g[0],x=g[1],k=N(p.useState(null),2),h=k[0],I=k[1],E=N(p.useState(null),2),j=E[0],w=E[1],U=N(p.useState({index:-1,key:"",parentKey:""}),2),D=U[0],K=U[1],P=N(p.useState(null),2),z=P[0],H=P[1],_=N(p.useState(!1),2),A=_[0],M=_[1],R=N(p.useState(null),2),C=R[0],L=R[1],B=N(p.useState([]),2),T=B[0],F=B[1],J=N(p.useState(null),2),X=J[0],Z=J[1],V=N(p.useState(!1),2),q=V[0],W=V[1],Y=N(p.useState(!1),2),$=Y[0],G=Y[1],Q=p.useRef(""),ee=p.useRef(null),ne=p.useRef(null),te=p.useRef(null),re=p.useRef(null),ae=p.useRef(null),ie="horizontal"===b.orientation,ue="vertical"===b.orientation,oe=a.useMatchMedia("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),le=O.setMetaData({props:b,state:{id:y,activeItem:h&&h.item,attributeSelector:X,mobileActive:q}}),ce=le.ptm,me=le.cx;r.useHandleStyle(O.css.styles,le.isUnstyled,{name:"megamenu"});var se=function(e,n,t){return ce(n,{context:{active:an(e),focused:ln(e),disabled:on(e),item:e,index:t}})},pe=N(a.useEventListener({type:"click",listener:function(e){Ne(e)&&Ee()}}),2),de=pe[0],fe=pe[1],be=N(a.useResizeListener({type:"resize",listener:function(){Ee()}}),2),ge=be[0],ye=be[1],ve=function(){de(),ge()},xe=function(){fe(),ye()},ke=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=sn(t);if(Te(t)){var i=t.index,u=t.key,o=t.parentKey;I(null),K({index:i,key:u,parentKey:o})}else if(a)he(e);else{var l=h?h.index:-1,c=h?h.key:"";Ee(n),K({index:l,key:c,parentKey:""}),W(!1)}}},he=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items);u&&I(n),K({index:r,key:a,parentKey:i}),u&&M(!0),t&&c.DomHandler.focus(te.current)}},Ie=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.command&&r.command({originalEvent:n,item:b.item}),r.url||(n.preventDefault(),n.stopPropagation());var a=sn(t),i=c.ObjectUtils.isEmpty(t.parent);if(Te(t)){var u=t.index,o=t.key,l=t.parentKey;I(null),K({index:u,key:o,parentKey:l}),M(!i)}else if(a)he(e);else{var m=i?t:h;Ee(),Qe(n,m?m.index:-1),W(!1),c.DomHandler.focus(te.current)}}},Ee=function(e){q&&(W(!1),setTimeout((function(){c.DomHandler.focus(ae.current)}),0)),I(null),e&&(K({index:-1,key:"",parentKey:""}),c.DomHandler.focus(te.current)),M(!1)},Ne=function(e){return ne.current&&!(ne.current.isSameNode(e.target)||ne.current.contains(e.target)||ae.current&&ae.current.contains(e.target))};p.useImperativeHandle(n,(function(){return{props:b,getElement:function(){return ne.current}}})),a.useMountEffect((function(){var e=c.UniqueComponentId();!y&&x(e),b.breakpoint&&!X&&Z(e)})),a.useUpdateEffect((function(){return X&&ne.current&&(ne.current.setAttribute(X,""),In()),function(){En()}}),[X,b.breakpoint]),a.useUpdateEffect((function(){q?ve():xe()}),[q]),a.useUpdateEffect((function(){if($){var e=-1!==D.index?Xe(D.index):qe();Qe(e),G(!1)}}),[$]),a.useUpdateEffect((function(){var e=c.DomHandler.findSingle(ne.current,".p-menuitem-active > .p-megamenu-panel");return h?(ve(),oe||c.ZIndexUtils.set("menu",e,s&&s.autoZIndex||d.default.autoZIndex,s&&s.zIndex.menu||d.default.zIndex.menu)):xe(),oe&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){xe(),c.ZIndexUtils.clear(e)}}),[h,oe]),a.useUpdateEffect((function(){var e=c.ObjectUtils.isNotEmpty(D.key)?"".concat(y,"_").concat(D.key):null;H(e)}),[D]),p.useEffect((function(){var e=fn(b.model||[],0,null,"");L(e)}),[b.model]),a.useUpdateEffect((function(){var e=c.ObjectUtils.isNotEmpty(h)?h:null,n=e&&e.key===D.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):C;F(n)}),[D,h,C]);var Oe,je=function(e){if(w(!0),-1===D.index){var n=qe(),t=Ye(n);K({index:n,key:t.key,parentKey:t.parentKey})}b.onFocus&&b.onFocus(e)},Se=function(e){w(!1),K({index:-1,key:"",parentKey:""}),Q.current="",M(!1),b.onBlur&&b.onBlur(e)},we=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ue(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":Ke(e);break;case"ArrowRight":Pe(e);break;case"Home":ze(e);break;case"End":He(e);break;case"Space":Ae(e);break;case"Enter":case"NumpadEnter":_e(e);break;case"Escape":Me(e);break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e,e.key)}},Ue=function(e){if(e.preventDefault(),ie){if(c.ObjectUtils.isNotEmpty(h)&&h.key===D.key)K({index:-1,key:"",parentKey:h.key});else{var n=Ye(D.index);sn(n)&&(he({originalEvent:e,processedItem:n}),K({index:-1,key:n.key,parentKey:n.parentKey}),Q.current="")}setTimeout((function(){return G(!0)}),0)}else{var t=-1!==D.index?Xe(D.index):qe();Qe(t)}},De=function(e){var n=Ye(D.index),t=sn(n);if(e.altKey&&ie)-1!==D.index&&!t&&c.ObjectUtils.isNotEmpty(h)&&(0===D.index?(K({index:h.index,key:h.key,parentKey:h.parentKey}),I(null)):Qe(Fe()));else{var r=-1!==D.index?Ze(D.index):We();Qe(r)}e.preventDefault()},Ke=function(e){var n=Ye(D.index);if(sn(n)){if(ie){var t=-1!==D.index?Ze(D.index):We();Qe(t)}}else{ue&&c.ObjectUtils.isNotEmpty(h)&&0===n.columnIndex&&(K({index:h.index,key:h.key,parentKey:h.parentKey}),I(null));var r=n.columnIndex-1,a=T.findIndex((function(e){return e.columnIndex===r}));-1!==a&&Qe(a)}e.preventDefault()},Pe=function(e){e.preventDefault();var n=Ye(D.index);if(sn(n)){if(ue)if(c.ObjectUtils.isNotEmpty(h)&&h.key===n.key)K({index:-1,key:"",parentKey:h.key});else{var t=Ye(D.index);sn(t)&&(he({originalEvent:e,processedItem:t}),K({index:-1,key:t.key,parentKey:t.parentKey}),Q.current="")}setTimeout((function(){return G(!0)}),0)}else{var r=n.columnIndex+1,a=T.findIndex((function(e){return e.columnIndex===r}));-1!==a&&Qe(a)}},ze=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(Je()),e.preventDefault()},_e=function(e){if(-1!==D.index){var n=c.DomHandler.findSingle(te.current,'li[id="'.concat(z,'"]')),t=n&&c.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Ae=function(e){_e(e)},Me=function(e){c.ObjectUtils.isNotEmpty(h)&&(K({index:h.index,key:h.key}),I(null)),e.preventDefault()},Re=function(e){if(-1!==D.index){var n=Ye(D.index);!sn(n)&&he({originalEvent:e,processedItem:n})}Ee()},Ce=function(e){var n=$e(e);return Le(e)&&n&&n.toLocaleLowerCase().startsWith(Q.current.toLocaleLowerCase())},Le=function(e){return!!e&&!on(e.item)&&!mn(e.item)},Be=function(e){return Le(e)&&Te(e)},Te=function(e){return!!c.ObjectUtils.isNotEmpty(h)&&h.key===e.key},Fe=function(){return T.findIndex((function(e){return Le(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(T,(function(e){return Le(e)}))},Xe=function(e){var n=e<T.length-1?T.slice(e+1).findIndex((function(e){return Le(e)})):-1;return n>-1?n+e+1:e},Ze=function(e){var n=e>0?c.ObjectUtils.findLastIndex(T.slice(0,e),(function(e){return Le(e)})):-1;return n>-1?n:e},Ve=function(){return T&&T.findIndex((function(e){return Be(e)}))},qe=function(){var e=Ve();return e<0?Fe():e},We=function(){var e=Ve();return e<0?Je():e},Ye=function(e){return c.ObjectUtils.isNotEmpty(T)?T[e]:null},$e=function(e){return e&&e.item?rn(e):void 0},Ge=function(e,n){Q.current=(Q.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==D.index?-1===(t=T.slice(D.index).findIndex((function(e){return Ce(e)})))?T.slice(0,D.index).findIndex((function(e){return Ce(e)})):t+D.index:T.findIndex((function(e){return Ce(e)})))&&(r=!0),-1===t&&-1===D.index&&(t=qe()),-1!==t&&Qe(t),ee&&clearTimeout(ee),ee.current=setTimeout((function(){Q.current="",ee.current=null}),500),r},Qe=function(e){var n=Ye(e),t=c.ObjectUtils.isNotEmpty(n)?n.key:"";K(S(S({},D),{},{index:e,key:t})),en()},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(y,"_").concat(e):z,t=c.DomHandler.findSingle(te.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=function(e){return"".concat(y,"_").concat(e.key)},tn=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},rn=function(e){return tn(e,"label")},an=function(e){return!!c.ObjectUtils.isNotEmpty(h)&&h.key===e.key},un=function(e){return!1!==tn(e,"visible")},on=function(e){return tn(e,"disabled")},ln=function(e){return z===nn(e)},cn=function(e){return c.ObjectUtils.isNotEmpty(e.items)},mn=function(e){return tn(e,"separator")},sn=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},pn=function(){return b.model.filter((function(e){return un(e)&&!tn(e,"separator")})).length},dn=function(e){return e-b.model.slice(0,e).filter((function(e){return un(e)&&tn(e,"separator")})).length+1},fn=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4?arguments[4]:void 0;return e?(Array.isArray(e)||(e=[e]),e.map((function(e,i){var u="".concat(""!==r?r+"_":"").concat(void 0!==a?a+"_":"").concat(i),o={item:e,index:i,level:n,key:u,parent:t,parentKey:r,columnIndex:void 0!==a?a:t&&void 0!==t.columnIndex?t.columnIndex:i};return o.items=0===n&&e.items&&e.items.length>0?e.items.map((function(e,t){return fn(e,n+1,o,u,t)})):fn(e.items,n+1,o,u),o}))):[]},bn=function(e){var n=y+"_separator__"+e,t=m({id:n,className:me("separator"),role:"separator"},ce("separator"));return p.createElement("li",f({},t,{key:n}))},gn=function(e){if(e.items){var n=m({className:me("submenuIcon")},ce("submenuIcon"));return c.IconUtils.getJSXIcon(ue?b.submenuIcon||p.createElement(u.AngleRightIcon,n):b.submenuIcon||p.createElement(i.AngleDownIcon,n),S({},n),{props:b})}return null},yn=function(e,n){var t=e.item;if(!1===t.visible)return null;if(t.separator)return bn(n);var r=nn(e),a=c.classNames("p-menuitem-link",{"p-disabled":t.disabled}),i=m({className:c.classNames(t.icon,me("icon"))},ce("icon")),u=m({className:me("label")},ce("label")),o=c.classNames(t.icon,"p-menuitem-icon"),s=c.IconUtils.getJSXIcon(t.icon,S({},i),{props:b}),d=t.label&&p.createElement("span",u,t.label),g=m({href:t.url||"#",className:me("action",{item:t}),target:t.target,tabIndex:"-1"},se(e,"action",n)),y=ln(e),v=on(e),x=cn(e),k=an(e),h=m({id:r,"aria-label":rn(e),"aria-disabled":v,"aria-haspopup":x?"menu":void 0,"aria-level":"2","aria-expanded":x?k:void 0,"aria-setsize":pn(),"aria-posinset":dn(n),"data-p-highlight":k,"data-p-disabled":v,"data-p-focused":y,className:c.classNames(t.className,me("submenuItem",{focused:y,disabled:v,active:k})),style:t.style,role:"menuitem"},se(e,"submenuItem",n)),I=m({onClick:function(n){return ke({originalEvent:n,processedItem:e})},className:me("content")},se(e,"content",n)),E=p.createElement("a",g,s,d,p.createElement(l.Ripple,null));t.template&&(E=c.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:o,element:E,props:b}));return p.createElement("li",f({},h,{key:r}),p.createElement("div",I,E))},vn=function(e,n){if(!un(e))return null;var t=e.items.map(yn),r=e.id||y+"_sub_"+n,a=rn(e),i=on(e),u=m({id:r,className:c.classNames(e.className,me("submenuHeader",{disabled:i})),style:e.style,role:"presentation","data-p-disabled":i},ce("submenuHeader"));return p.createElement(p.Fragment,{key:r},p.createElement("li",u,a),t)},xn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(vn),u=m({className:me("column",{category:r})},ce("column")),o=h&&h.item===r?"block":"none",l=m({role:"menu",tabIndex:b.disabled?null:b.tabIndex||"0",className:me("submenu"),style:{display:o}},ce("submenu"));return p.createElement("div",f({},u,{key:a}),p.createElement("ul",l,i))},kn=function(e){return e.items?e.items.map((function(n,t){return p.createElement(p.Fragment,{key:t},xn(e,n,t))})):null},hn=function(e){if(e.item.items){var n=kn(e),t=m({className:me("panel")},ce("panel")),r=m({className:me("grid")},ce("grid"));return p.createElement("div",t,p.createElement("div",r,n))}return null},In=function(){if(!re.current){re.current=c.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(X),n="\n @media screen and (max-width: ".concat(b.breakpoint,") {\n .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n position: relative;\n left: 0;\n box-shadow: none;\n border-radius: 0;\n background: inherit;\n }\n\n .p-megamenu[").concat(e,"] {\n width: 100%;\n position: relative;\n padding: 0.5rem;\n }\n\n .p-megamenu[").concat(e,"] .p-megamenu-grid {\n flex-wrap: wrap;\n }\n\n .p-megamenu[").concat(e,"] .p-megamenu-button {\n display: flex;\n }\n\n .p-megamenu[").concat(e,"] .p-megamenu-root-list {\n display: none;\n }\n\n .p-megamenu[").concat(e,'] div[class*="p-megamenu-col-"] {\n width: 100%;\n }\n\n .p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n left: 0;\n top: 100%;\n z-index: 1;\n width: 100%;\n display: flex;\n padding: 0.5rem 0;\n position: absolute;\n flex-direction: column;\n }\n\n .p-megamenu[").concat(e,"] .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu[").concat(e,"] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n padding-left: 2.25rem;\n }\n\n ").concat(ie?"\n .p-megamenu[".concat(e,"] .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n "):"","\n\n ").concat(ue?"\n .p-megamenu[".concat(e,"] .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(90deg);\n }\n\n .p-megamenu[").concat(e,"] .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-90deg);\n }\n "):"","\n }\n ");re.current.innerHTML=n}},En=function(){re.current=c.DomHandler.removeInlineStyle(re.current)},Nn=function(e,n){var t=e.item,r=m({className:me("icon")},se(e,"icon",n)),a=c.IconUtils.getJSXIcon(t.icon,S({},r),{props:b}),i=m({className:me("label")},se(e,"label",n)),u=t.label&&p.createElement("span",i,t.label),o=gn(t),s=hn(e),d=m({href:t.url||"#",className:me("action",{item:t}),target:t.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},se(e,"action",n)),g=t.template?c.ObjectUtils.getJSXElement(t.template,t,d):p.createElement("a",d,a,u,o,p.createElement(l.Ripple,null)),y=nn(e),x=ln(e),k=on(e),I=m(v({id:y,className:c.classNames(t.className,me("menuitem",{category:t,activeItemState:h,focused:x,disabled:k})),"aria-label":rn(t),"aria-level":"1","aria-setsize":pn(),"aria-posinset":dn(n),"aria-expanded":cn(e)?an(e):void 0,"aria-haspopup":cn(e)?"menu":void 0,"aria-disabled":on(e),"data-p-highlight":an(t),"data-p-disabled":k,"data-p-focused":x,style:t.style,role:"menuitem"},"data-p-disabled",t.disabled||!1),se(e,"menuitem",n)),E=m({onClick:function(n){return Ie({originalEvent:n,processedItem:e})},onMouseEnter:function(n){return t={originalEvent:n,processedItem:e},void(!q&&A&&he(t));var t},className:me("content")},se(e,"content",n));return p.createElement("li",f({},I,{key:y}),p.createElement("div",E,g),s)},On=m({className:c.classNames(b.className,me("root",{mobileActiveState:q})),id:y,style:b.style},O.getOtherProps(b),ce("root")),jn=(Oe=m({ref:te,tabIndex:b.disabled?null:b.tabIndex||"0",className:me("menu"),onFocus:je,onBlur:Se,onKeyDown:we,"aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-orientation":ue?"vertical":"horizontal","aria-activedescendant":j?z:null,id:y+"_list",role:"menubar"},ce("menu")),C?p.createElement("ul",Oe,C.map((function(e,n){return p.createElement(p.Fragment,{key:n},Nn(e,n))}))):null),Sn=function(){var e=m({className:me("start")},ce("start"));if(b.start){var n=c.ObjectUtils.getJSXElement(b.start,b);return p.createElement("div",e,n)}return null}(),wn=function(){var e=m({className:me("end")},ce("end"));if(b.end){var n=c.ObjectUtils.getJSXElement(b.end,b);return p.createElement("div",e,n)}return null}(),Un=function(){if(b.model&&b.model.length<1)return null;var e=m({className:me("menuButton"),href:"#",role:"button","aria-haspopup":!!(b.model&&b.model.length>0),"aria-expanded":q,"aria-controls":y,"aria-label":t.ariaLabel("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(q?(W(!1),c.ZIndexUtils.clear(te.current),Ee()):(W(!0),c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,s&&s.zIndex.menu||d.default.zIndex.menu),setTimeout((function(){K({index:qe(),level:0,parentKey:""})}),1)))}},ce("menuButton")),n=m(ce("menuButtonIcon")),r=c.IconUtils.getJSXIcon(b.menuIcon||p.createElement(o.BarsIcon,n),S({},n),{props:b});return p.createElement("a",f({ref:ae},e),r)}();return p.createElement("div",f({id:b.id,ref:ne},On),Sn,Un,jn,wn)})));return w.displayName="MegaMenu",e.MegaMenu=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.angledown,primereact.icons.angleright,primereact.icons.bars,primereact.ripple,primereact.utils);
|
package/mention/mention.cjs.js
CHANGED
|
@@ -793,7 +793,6 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
793
793
|
}) : formatValue(suggestion);
|
|
794
794
|
var isSelected = highlightState[index];
|
|
795
795
|
var itemProps = mergeProps({
|
|
796
|
-
key: key,
|
|
797
796
|
className: cx('item', {
|
|
798
797
|
isSelected: isSelected
|
|
799
798
|
}),
|
|
@@ -804,7 +803,9 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
804
803
|
}, getPTOptions(suggestion, 'item', {
|
|
805
804
|
selected: isSelected
|
|
806
805
|
}));
|
|
807
|
-
return /*#__PURE__*/React__namespace.createElement("li",
|
|
806
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemProps, {
|
|
807
|
+
key: key
|
|
808
|
+
}), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
808
809
|
};
|
|
809
810
|
var createList = function createList() {
|
|
810
811
|
var itemsProps = mergeProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/overlayservice"),s=require("primereact/portal"),c=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 d=f(e),m=p(t);function y(){return y=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},y.apply(null,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return g(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function O(){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 x(e){return v(e)||b(e)||h(e)||O()}function w(e){return w="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},w(e)}function S(e,t){if("object"!=w(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=S(e,"string");return"symbol"==w(t)?t:t+""}function E(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function H(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,t){return D(e)||P(e,t)||h(e,t)||H()}var N=n.ComponentBase.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.classNames("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 R(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo(d.forwardRef((function(e,r){var u=i.useMergeProps(),s=d.useContext(t.PrimeReactContext),c=N.getProps(e,s),p=d.useRef(r),f=d.useRef(0),m=N.setMetaData(k(k({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),g=m.ptm,v=m.cx;n.useHandleStyle(N.css.styles,m.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(a.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};d.useEffect((function(){a.ObjectUtils.combinedRefs(p,r)}),[p,r]),d.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(c.value)||a.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=a.ObjectUtils.isNotEmpty(c.tooltip),w=u({ref:p,className:a.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(a.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),g("root"));return d.createElement(d.Fragment,null,d.createElement("textarea",w),x&&d.createElement(l.Tooltip,y({target:p,content:c.tooltip,pt:g("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return a.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return a.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return a.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function F(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=d.memo(d.forwardRef((function(e,o){var l=i.useMergeProps(),p=d.useContext(t.PrimeReactContext),f=U.getProps(e,p),g=I(d.useState(!1),2),v=g[0],b=g[1],h=I(d.useState(!1),2),O=h[0],w=h[1],S=I(d.useState(!1),2),j=S[0],E=S[1],D=I(d.useState(null),2),P=D[0],H=D[1],N=I(d.useState([]),2),R=N[0],k=N[1],F=d.useRef(null),A=d.useRef(null),z=d.useRef(f.inputRef),B=d.useRef(null),M=d.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=U.setMetaData(_),q=K.ptm,V=K.cx,Z=K.isUnstyled;n.useHandleStyle(U.css.styles,Z,{name:"mention"});var J=function(e,t,n){return q(t,{context:{trigger:P?P.key:""},state:T({},n)})},X=I(i.useOverlayListener({target:F,overlay:A,listener:function(e,t){t.valid&&(p.hideOverlaysOnDocumentScrolling||"outside"===t.type?G():a.DomHandler.isDocument(e.target)||re())},when:v}),2),Y=X[0],L=X[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){a.ZIndexUtils.set("overlay",A.current,p&&p.autoZIndex||m.default.autoZIndex,p&&p.zIndex.overlay||m.default.zIndex.overlay),a.DomHandler.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=x(e);return t[0]=!0,t}))},ee=function(){Y(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){a.ZIndexUtils.clear(A.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=a.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:F.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?a.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){a.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)||a.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);d.useImperativeHandle(o,(function(){return{props:f,show:$,hide:G,focus:function(){return a.DomHandler.focus(z.current)},getElement:function(){return F.current},getOverlay:function(){return A.current},getInput:function(){return z.current}}})),d.useEffect((function(){a.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),i.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),i.useUpdateEffect((function(){var e=Z(),t=e?a.DomHandler.isAttributeEquals(F.current,"data-p-inputwrapper-filled",!0):a.DomHandler.hasClass(F.current,"p-inputwrapper-filled");!de&&t&&(e?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":!1}):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled"))}),[de]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(A.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?a.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=R[t],o=l({key:n,className:V("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},J(0,"item",{selected:i}));return d.createElement("li",o,r,d.createElement(c.Ripple,null))},ye=function(){var e=l({ref:B,className:V("items")},q("items"));if(f.suggestions){var t=f.suggestions.map(me);return d.createElement("ul",e,t)}return null},ge=U.getOtherProps(f),ve=function(){var e=a.ObjectUtils.getJSXElement(f.headerTemplate,f),t=a.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),i=l({ref:A,className:V("panel"),style:T({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},q("panel")),o=l({classNames:V("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},q("transition")),u=d.createElement(r.CSSTransition,y({nodeRef:A},o),d.createElement("div",i,e,n,t));return d.createElement(s.Portal,{element:u,appendTo:"self"})}(),be=l(T(T({ref:z,id:f.inputId,className:V("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,variant:f.variant,autoResize:f.autoResize,onFocus:function(e){w(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){w(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=a.DomHandler.findSingle(A.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=a.DomHandler.index(n),i=a.DomHandler.index(t);k((function(e){var t=x(e);return t[r]=!0,t[i]=!1,t})),a.DomHandler.scrollInView(A.current,n)}}else if(t=a.DomHandler.findSingle(A.current,"li")){var o=a.DomHandler.index(t);k((function(e){var t=x(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var u=a.DomHandler.index(l),s=a.DomHandler.index(t);k((function(e){var t=x(e);return t[u]=!0,t[s]=!1,t})),a.DomHandler.scrollInView(A.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[a.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;Z()?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":t}):t?a.DomHandler.addClass(F.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),q("input")),he=l({ref:F,id:f.id,className:a.classNames(f.className,V("root",{focusedState:O,isFilled:de})),style:f.style},U.getOtherProps(f),q("root"));return d.createElement("div",he,d.createElement(C,be),ve)})));A.displayName="Mention",exports.Mention=A;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/overlayservice"),s=require("primereact/portal"),c=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 d=f(e),m=p(t);function y(){return y=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},y.apply(null,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return g(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function O(){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 x(e){return v(e)||b(e)||h(e)||O()}function w(e){return w="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},w(e)}function S(e,t){if("object"!=w(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=S(e,"string");return"symbol"==w(t)?t:t+""}function E(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function H(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,t){return D(e)||P(e,t)||h(e,t)||H()}var N=n.ComponentBase.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.classNames("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 R(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo(d.forwardRef((function(e,r){var u=i.useMergeProps(),s=d.useContext(t.PrimeReactContext),c=N.getProps(e,s),p=d.useRef(r),f=d.useRef(0),m=N.setMetaData(k(k({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),g=m.ptm,v=m.cx;n.useHandleStyle(N.css.styles,m.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(a.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};d.useEffect((function(){a.ObjectUtils.combinedRefs(p,r)}),[p,r]),d.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(c.value)||a.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=a.ObjectUtils.isNotEmpty(c.tooltip),w=u({ref:p,className:a.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(a.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),g("root"));return d.createElement(d.Fragment,null,d.createElement("textarea",w),x&&d.createElement(l.Tooltip,y({target:p,content:c.tooltip,pt:g("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return a.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return a.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return a.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function F(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=d.memo(d.forwardRef((function(e,o){var l=i.useMergeProps(),p=d.useContext(t.PrimeReactContext),f=U.getProps(e,p),g=I(d.useState(!1),2),v=g[0],b=g[1],h=I(d.useState(!1),2),O=h[0],w=h[1],S=I(d.useState(!1),2),j=S[0],E=S[1],D=I(d.useState(null),2),P=D[0],H=D[1],N=I(d.useState([]),2),R=N[0],k=N[1],F=d.useRef(null),A=d.useRef(null),z=d.useRef(f.inputRef),B=d.useRef(null),M=d.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=U.setMetaData(_),q=K.ptm,V=K.cx,Z=K.isUnstyled;n.useHandleStyle(U.css.styles,Z,{name:"mention"});var J=function(e,t,n){return q(t,{context:{trigger:P?P.key:""},state:T({},n)})},X=I(i.useOverlayListener({target:F,overlay:A,listener:function(e,t){t.valid&&(p.hideOverlaysOnDocumentScrolling||"outside"===t.type?G():a.DomHandler.isDocument(e.target)||re())},when:v}),2),Y=X[0],L=X[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){a.ZIndexUtils.set("overlay",A.current,p&&p.autoZIndex||m.default.autoZIndex,p&&p.zIndex.overlay||m.default.zIndex.overlay),a.DomHandler.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=x(e);return t[0]=!0,t}))},ee=function(){Y(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){a.ZIndexUtils.clear(A.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=a.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:F.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?a.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){a.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)||a.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);d.useImperativeHandle(o,(function(){return{props:f,show:$,hide:G,focus:function(){return a.DomHandler.focus(z.current)},getElement:function(){return F.current},getOverlay:function(){return A.current},getInput:function(){return z.current}}})),d.useEffect((function(){a.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),i.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),i.useUpdateEffect((function(){var e=Z(),t=e?a.DomHandler.isAttributeEquals(F.current,"data-p-inputwrapper-filled",!0):a.DomHandler.hasClass(F.current,"p-inputwrapper-filled");!de&&t&&(e?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":!1}):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled"))}),[de]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(A.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?a.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=R[t],o=l({className:V("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},J(0,"item",{selected:i}));return d.createElement("li",y({},o,{key:n}),r,d.createElement(c.Ripple,null))},ye=function(){var e=l({ref:B,className:V("items")},q("items"));if(f.suggestions){var t=f.suggestions.map(me);return d.createElement("ul",e,t)}return null},ge=U.getOtherProps(f),ve=function(){var e=a.ObjectUtils.getJSXElement(f.headerTemplate,f),t=a.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),i=l({ref:A,className:V("panel"),style:T({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},q("panel")),o=l({classNames:V("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},q("transition")),u=d.createElement(r.CSSTransition,y({nodeRef:A},o),d.createElement("div",i,e,n,t));return d.createElement(s.Portal,{element:u,appendTo:"self"})}(),be=l(T(T({ref:z,id:f.inputId,className:V("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,variant:f.variant,autoResize:f.autoResize,onFocus:function(e){w(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){w(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=a.DomHandler.findSingle(A.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=a.DomHandler.index(n),i=a.DomHandler.index(t);k((function(e){var t=x(e);return t[r]=!0,t[i]=!1,t})),a.DomHandler.scrollInView(A.current,n)}}else if(t=a.DomHandler.findSingle(A.current,"li")){var o=a.DomHandler.index(t);k((function(e){var t=x(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var u=a.DomHandler.index(l),s=a.DomHandler.index(t);k((function(e){var t=x(e);return t[u]=!0,t[s]=!1,t})),a.DomHandler.scrollInView(A.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[a.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;Z()?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":t}):t?a.DomHandler.addClass(F.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),q("input")),he=l({ref:F,id:f.id,className:a.classNames(f.className,V("root",{focusedState:O,isFilled:de})),style:f.style},U.getOtherProps(f),q("root"));return d.createElement("div",he,d.createElement(C,be),ve)})));A.displayName="Mention",exports.Mention=A;
|
package/mention/mention.esm.js
CHANGED
|
@@ -766,7 +766,6 @@ var Mention = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
|
|
|
766
766
|
}) : formatValue(suggestion);
|
|
767
767
|
var isSelected = highlightState[index];
|
|
768
768
|
var itemProps = mergeProps({
|
|
769
|
-
key: key,
|
|
770
769
|
className: cx('item', {
|
|
771
770
|
isSelected: isSelected
|
|
772
771
|
}),
|
|
@@ -777,7 +776,9 @@ var Mention = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
|
|
|
777
776
|
}, getPTOptions(suggestion, 'item', {
|
|
778
777
|
selected: isSelected
|
|
779
778
|
}));
|
|
780
|
-
return /*#__PURE__*/React.createElement("li",
|
|
779
|
+
return /*#__PURE__*/React.createElement("li", _extends({}, itemProps, {
|
|
780
|
+
key: key
|
|
781
|
+
}), content, /*#__PURE__*/React.createElement(Ripple, null));
|
|
781
782
|
};
|
|
782
783
|
var createList = function createList() {
|
|
783
784
|
var itemsProps = mergeProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=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},b.apply(null,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function E(){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 P(e){return O(e)||w(e)||S(e)||E()}function I(e){return I="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},I(e)}function j(e,t){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=j(e,"string");return"symbol"==I(t)?t:t+""}function k(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.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 f("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 z(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(F(F({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,h=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&O()&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.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",y.current=t.scrollHeight))},O=function(){if(d.isVisible(s.current)){var e=s.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize,u.value]);var w=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),S=m.isNotEmpty(u.tooltip),E=o({ref:s,className:f(u.className,h("root",{context:a,isFilled:w})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),S&&e.createElement(p,b({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));H.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function K(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),O=B.getProps(r,x),w=A(e.useState(!1),2),S=w[0],E=w[1],I=A(e.useState(!1),2),j=I[0],R=I[1],k=A(e.useState(!1),2),N=k[0],C=k[1],D=A(e.useState(null),2),T=D[0],z=D[1],F=A(e.useState([]),2),K=F[0],M=F[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(O.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:O,state:{overlayVisible:S,focused:j,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&(x.hideOverlaysOnDocumentScrolling||"outside"===t.type?re():d.isDocument(e.target)||se())},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),z(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){O.autoHighlight&&O.suggestions&&O.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),O.onShow&&O.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),O.onHide&&O.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(O.trigger)?O.trigger.find((function(e){return e===t})):O.trigger===t?O.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(O.trigger)){var n={};return O.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(O.trigger);return{key:O.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),O.delay)}}else re()},de=function(e,t,n){O.onSearch&&(C(!0),z(n),O.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",T.index),l=r.substring(T.index,o>-1?o:i),a=ge(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,T.index),s=r.substring(o>-1?i:T.index+l.length);J.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=J.current,O.onChange&&O.onChange(e)}var c=T.index+a.length+1;J.current.setSelectionRange(c,c),re(),O.onSelect&&O.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(O.field)?O.field[O.trigger.findIndex((function(e){return e===T.key}))]:O.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},he=J.current&&J.current.value,be=e.useMemo((function(){return m.isNotEmpty(O.value)||m.isNotEmpty(O.defaultValue)||m.isNotEmpty(he)}),[O.value,O.defaultValue,he]);e.useImperativeHandle(c,(function(){return{props:O,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,O.inputRef)}),[J,O.inputRef]),u((function(){var e=O.suggestions&&O.suggestions.length;if(e){var t=O.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[O.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=O.itemTemplate?m.getJSXElement(O.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({key:r,className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(h,null))},Oe=function(){var t=p({ref:X,className:G("items")},$("items"));if(O.suggestions){var n=O.suggestions.map(xe);return e.createElement("ul",t,n)}return null},we=B.getOtherProps(O),Se=function(){var t=m.getJSXElement(O.headerTemplate,O),n=m.getJSXElement(O.footerTemplate,O),r=Oe(),i=p({ref:V,className:G("panel"),style:_({maxHeight:O.scrollHeight},O.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,b({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:O.inputId,className:G("input"),style:O.inputStyle},we),{},{unstyled:O.unstyled,variant:O.variant,autoResize:O.autoResize,onFocus:function(e){R(!0),O.onFocus&&O.onFocus(e)},onBlur:function(e){R(!1),O.onBlur&&O.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,O.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){O.onInput&&O.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){O.onChange&&O.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:O.id,className:f(O.className,G("root",{focusedState:j,isFilled:be})),style:O.style},B.getOtherProps(O),$("root"));return e.createElement("div",Pe,e.createElement(H,Ee),Se)})));M.displayName="Mention";export{M as Mention};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=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},b.apply(null,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function E(){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 P(e){return O(e)||w(e)||S(e)||E()}function I(e){return I="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},I(e)}function j(e,t){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=j(e,"string");return"symbol"==I(t)?t:t+""}function k(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.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 f("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 z(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(F(F({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,h=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&O()&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.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",y.current=t.scrollHeight))},O=function(){if(d.isVisible(s.current)){var e=s.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize,u.value]);var w=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),S=m.isNotEmpty(u.tooltip),E=o({ref:s,className:f(u.className,h("root",{context:a,isFilled:w})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),S&&e.createElement(p,b({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));H.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function K(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),O=B.getProps(r,x),w=A(e.useState(!1),2),S=w[0],E=w[1],I=A(e.useState(!1),2),j=I[0],R=I[1],k=A(e.useState(!1),2),N=k[0],C=k[1],D=A(e.useState(null),2),T=D[0],z=D[1],F=A(e.useState([]),2),K=F[0],M=F[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(O.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:O,state:{overlayVisible:S,focused:j,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&(x.hideOverlaysOnDocumentScrolling||"outside"===t.type?re():d.isDocument(e.target)||se())},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),z(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){O.autoHighlight&&O.suggestions&&O.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),O.onShow&&O.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),O.onHide&&O.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(O.trigger)?O.trigger.find((function(e){return e===t})):O.trigger===t?O.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(O.trigger)){var n={};return O.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(O.trigger);return{key:O.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),O.delay)}}else re()},de=function(e,t,n){O.onSearch&&(C(!0),z(n),O.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",T.index),l=r.substring(T.index,o>-1?o:i),a=ge(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,T.index),s=r.substring(o>-1?i:T.index+l.length);J.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=J.current,O.onChange&&O.onChange(e)}var c=T.index+a.length+1;J.current.setSelectionRange(c,c),re(),O.onSelect&&O.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(O.field)?O.field[O.trigger.findIndex((function(e){return e===T.key}))]:O.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},he=J.current&&J.current.value,be=e.useMemo((function(){return m.isNotEmpty(O.value)||m.isNotEmpty(O.defaultValue)||m.isNotEmpty(he)}),[O.value,O.defaultValue,he]);e.useImperativeHandle(c,(function(){return{props:O,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,O.inputRef)}),[J,O.inputRef]),u((function(){var e=O.suggestions&&O.suggestions.length;if(e){var t=O.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[O.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=O.itemTemplate?m.getJSXElement(O.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",b({},l,{key:r}),i,e.createElement(h,null))},Oe=function(){var t=p({ref:X,className:G("items")},$("items"));if(O.suggestions){var n=O.suggestions.map(xe);return e.createElement("ul",t,n)}return null},we=B.getOtherProps(O),Se=function(){var t=m.getJSXElement(O.headerTemplate,O),n=m.getJSXElement(O.footerTemplate,O),r=Oe(),i=p({ref:V,className:G("panel"),style:_({maxHeight:O.scrollHeight},O.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,b({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:O.inputId,className:G("input"),style:O.inputStyle},we),{},{unstyled:O.unstyled,variant:O.variant,autoResize:O.autoResize,onFocus:function(e){R(!0),O.onFocus&&O.onFocus(e)},onBlur:function(e){R(!1),O.onBlur&&O.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,O.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){O.onInput&&O.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){O.onChange&&O.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:O.id,className:f(O.className,G("root",{focusedState:j,isFilled:be})),style:O.style},B.getOtherProps(O),$("root"));return e.createElement("div",Pe,e.createElement(H,Ee),Se)})));M.displayName="Mention";export{M as Mention};
|
package/mention/mention.js
CHANGED
|
@@ -780,7 +780,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
|
|
|
780
780
|
}) : formatValue(suggestion);
|
|
781
781
|
var isSelected = highlightState[index];
|
|
782
782
|
var itemProps = mergeProps({
|
|
783
|
-
key: key,
|
|
784
783
|
className: cx('item', {
|
|
785
784
|
isSelected: isSelected
|
|
786
785
|
}),
|
|
@@ -791,7 +790,9 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
|
|
|
791
790
|
}, getPTOptions(suggestion, 'item', {
|
|
792
791
|
selected: isSelected
|
|
793
792
|
}));
|
|
794
|
-
return /*#__PURE__*/React__namespace.createElement("li",
|
|
793
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemProps, {
|
|
794
|
+
key: key
|
|
795
|
+
}), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
795
796
|
};
|
|
796
797
|
var createList = function createList() {
|
|
797
798
|
var itemsProps = mergeProps({
|
package/mention/mention.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(t),y=f(n);function g(){return g=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},g.apply(null,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function x(){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 w(e){return b(e)||h(e)||O(e)||x()}function S(e){return S="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},S(e)}function j(e,t){if("object"!=S(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"==S(t)?t:t+""}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function R(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.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 u.classNames("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 k(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(C(C({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(u.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=u.ObjectUtils.isNotEmpty(c.tooltip),w=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",w),x&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));U.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=R(m.useState(!1),2),v=d[0],b=d[1],h=R(m.useState(!1),2),O=h[0],x=h[1],S=R(m.useState(!1),2),j=S[0],E=S[1],D=R(m.useState(null),2),P=D[0],H=D[1],I=R(m.useState([]),2),N=I[0],k=I[1],C=m.useRef(null),T=m.useRef(null),z=m.useRef(f.inputRef),B=m.useRef(null),M=m.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(_),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=R(o.useOverlayListener({target:C,overlay:T,listener:function(e,t){t.valid&&(a.hideOverlaysOnDocumentScrolling||"outside"===t.type?G():u.DomHandler.isDocument(e.target)||re())},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=u.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(z.current)},getElement:function(){return C.current},getOverlay:function(){return T.current},getInput:function(){return z.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(C.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(C.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:B,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:z,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,variant:f.variant,autoResize:f.autoResize,onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);k((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);k((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);k((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(C.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),V("input")),he=l({ref:C,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(U,be),ve)})));return z.displayName="Mention",e.Mention=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(t),y=f(n);function g(){return g=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},g.apply(null,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function x(){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 w(e){return b(e)||h(e)||O(e)||x()}function S(e){return S="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},S(e)}function j(e,t){if("object"!=S(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"==S(t)?t:t+""}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function R(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.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 u.classNames("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 k(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(C(C({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(u.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=u.ObjectUtils.isNotEmpty(c.tooltip),w=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",w),x&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));U.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=R(m.useState(!1),2),v=d[0],b=d[1],h=R(m.useState(!1),2),O=h[0],x=h[1],S=R(m.useState(!1),2),j=S[0],E=S[1],D=R(m.useState(null),2),P=D[0],H=D[1],I=R(m.useState([]),2),N=I[0],k=I[1],C=m.useRef(null),T=m.useRef(null),z=m.useRef(f.inputRef),B=m.useRef(null),M=m.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(_),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=R(o.useOverlayListener({target:C,overlay:T,listener:function(e,t){t.valid&&(a.hideOverlaysOnDocumentScrolling||"outside"===t.type?G():u.DomHandler.isDocument(e.target)||re())},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=u.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(z.current)},getElement:function(){return C.current},getOverlay:function(){return T.current},getInput:function(){return z.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(C.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(C.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",g({},o,{key:n}),r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:B,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:z,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,variant:f.variant,autoResize:f.autoResize,onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);k((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);k((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);k((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(C.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),V("input")),he=l({ref:C,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(U,be),ve)})));return z.displayName="Mention",e.Mention=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
|
package/menubar/menubar.cjs.js
CHANGED
|
@@ -516,9 +516,11 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
516
516
|
var _useEventListener = hooks.useEventListener({
|
|
517
517
|
type: 'click',
|
|
518
518
|
listener: function listener(event) {
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
519
|
+
if (isOutsideClicked(event)) {
|
|
520
|
+
var isOutsideContainer = elementRef.current && !elementRef.current.contains(event.target);
|
|
521
|
+
if (isOutsideContainer) {
|
|
522
|
+
hide();
|
|
523
|
+
}
|
|
522
524
|
}
|
|
523
525
|
},
|
|
524
526
|
options: {
|
|
@@ -577,6 +579,9 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
577
579
|
var menuButtonKeydown = function menuButtonKeydown(event) {
|
|
578
580
|
(event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && toggle(event);
|
|
579
581
|
};
|
|
582
|
+
var isOutsideClicked = function isOutsideClicked(event) {
|
|
583
|
+
return rootMenuRef.current !== event.target && !rootMenuRef.current.contains(event.target) && menuButtonRef.current !== event.target && !menuButtonRef.current.contains(event.target);
|
|
584
|
+
};
|
|
580
585
|
var getItemProp = function getItemProp(item, name) {
|
|
581
586
|
return item ? utils.ObjectUtils.getItemValue(item[name]) : undefined;
|
|
582
587
|
};
|