primereact/selectbutton/selectbutton.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as l,DomHandler as o}from"primereact/utils";import{Ripple as r}from"primereact/ripple";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.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)?i(e,t):void 0}}function p(){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 f(e){return u(e)||s(e)||c(e)||p()}var d={defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},getProps:function(e){return n.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,d.defaultProps)}};function m(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r,a,i=[],u=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return i}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=e.memo((function(t){var o,a,i=e.useState(!1),u=(a=2,m(o=i)||b(o,a)||c(o,a)||v()),s=u[1],p=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},f=l("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),d=t.template?n.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:f,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:p,onKeyDown:function(e){32===e.which&&(p(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){s(!0)},onBlur:function(){s(!1)}},d,!t.disabled&&e.createElement(r,null))}));y.displayName="SelectButtonItem";var g=e.memo(e.forwardRef((function(r,i){var u=d.getProps(r),s=e.useRef(null),c=function(e){if(!u.disabled&&!b(e.option)){var t=v(e.option);if(!t||u.unselectable){var l,o=m(e.option);if(u.multiple){var r=u.value?f(u.value):[];l=t?r.filter((function(e){return!n.equals(e,o,u.dataKey)})):[].concat(f(r),[o])}else l=t?null:o;u.onChange&&u.onChange({originalEvent:e.originalEvent,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:l}})}}},p=function(e){return u.optionLabel?n.resolveFieldData(e,u.optionLabel):e&&void 0!==e.label?e.label:e},m=function(e){return u.optionValue?n.resolveFieldData(e,u.optionValue):e&&void 0!==e.value?e.value:e},b=function(e){return u.optionDisabled?n.isFunction(u.optionDisabled)?u.optionDisabled(e):n.resolveFieldData(e,u.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},v=function(e){var t=m(e);return u.multiple?!(!u.value||!u.value.length)&&u.value.some((function(e){return n.equals(e,t,u.dataKey)})):n.equals(u.value,t,u.dataKey)};e.useImperativeHandle(i,(function(){return{props:u,focus:function(){return o.focusFirstElement(s.current)},getElement:function(){return s.current}}}));var g=n.isNotEmpty(u.tooltip),h=d.getOtherProps(u),E=l("p-selectbutton p-buttonset p-component",u.className),S=u.options&&u.options.length?u.options.map((function(t,n){var l=u.disabled||b(t),o=p(t),r=l?null:0,a=v(t);return e.createElement(y,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:c,template:u.itemTemplate,selected:a,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:s,id:u.id,className:E,style:u.style},h,{role:"group"}),S),g&&e.createElement(t,a({target:s,content:u.tooltip},u.tooltipOptions)))})));g.displayName="SelectButton";export{g as SelectButton};