react-fields-keeper - npm Package Compare versions

Comparing version 1.20.0 to 1.20.1

dist/index.umd.js

@@ -59,2 +59,2 @@ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.react-fields-keeper-mapping-content{display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:100%;font-size:12px}.react-fields-keeper-mapping-content :hover .react-fields-keeper-edit{visibility:visible}.react-fields-keeper-mapping-content .react-fields-keeper-edit{cursor:pointer;visibility:hidden}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-title{display:flex;align-items:center;gap:5px;white-space:nowrap}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-title .link-label{color:#2e7fec;cursor:pointer;font-weight:600}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-title .icons{padding:5px;cursor:pointer}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-title .icons:hover{background:#80808030;border-radius:2px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-title .ms-Icon--ChromeClose{font-size:10px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input{width:100%;overflow:hidden;border:1px dashed gray;border-radius:2px;padding:6px 5px;text-align:left;white-space:nowrap;display:flex;max-width:100%;flex-direction:column;gap:3px;cursor:pointer}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input::-webkit-scrollbar{display:none}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input.react-fields-keeper-content-input-horizontal{flex-direction:row;overflow:auto;width:100%;max-width:100%}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input.react-fields-keeper-content-input-horizontal.react-fields-keeper-content-input-horizontal-wrap{flex-wrap:wrap}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input.react-fields-keeper-content-input-horizontal .react-fields-keeper-mapping-content-input-filled.react-fields-keeper-mapping-content-input-filled-offset{margin-left:unset;margin-right:unset;width:auto}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input.react-fields-keeper-mapping-content-input-active{border-color:#000;background-color:#f0f0f0}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-placeholder{padding:0 4px;min-height:24px;display:flex;align-items:center;pointer-events:none}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-placeholder.center-align{justify-content:center}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input.react-fields-keeper-mapping-content-multi-input{padding-bottom:10px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled-group{width:auto;height:auto;display:flex;flex-direction:column;background:#dbdbdb;padding:3px 2px;position:relative;gap:3px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled-group.group-wrap{flex-wrap:wrap}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled-group:after{content:"";width:100%;height:calc(100% + 5px);position:absolute;top:50%;left:-1px;transform:translateY(-50%);z-index:-1}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled-group.react-fields-keeper-mapping-content-input-filled-group-horizontal{flex-direction:row;padding:2px 3px;align-items:center}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled-group.react-fields-keeper-mapping-content-input-filled-group-horizontal:after{width:calc(100% + 5px);height:100%;top:-1px;left:-1px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled{background:#dbdbdb;width:100%;height:24px;padding:0 5px 0 8px;white-space:nowrap;border-radius:2px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;position:relative;gap:3px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled .react-fields-keeper-mapping-column-content-action{margin-left:auto}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled:hover{background-color:#d8d8d8}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled:hover.react-fields-keeper-mapping-content-input-filled-group-header:after{background-color:#d8d8d8}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled.react-fields-keeper-mapping-content-input-filled-custom-renderer{height:unset;display:unset;background-color:unset;padding:unset}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled.react-fields-keeper-mapping-content-input-filled-disabled{pointer-events:none;cursor:not-allowed;opacity:.4}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled.react-fields-keeper-mapping-content-input-filled-offset{margin-left:4px;width:calc(100% - 6px);border:1px solid #b2b2b2}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled.react-fields-keeper-mapping-content-input-filled-bottom-offset{margin-bottom:5px}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled.react-fields-keeper-mapping-content-input-filled-group-header .react-fields-keeper-mapping-content-input-filled-close{margin-left:unset}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled .react-fields-keeper-mapping-content-input-filled-value{width:min-content;overflow:hidden;text-overflow:ellipsis}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled .react-fields-keeper-mapping-content-input-filled-close{margin-left:auto;height:15px;width:15px;border-radius:2px;display:grid;place-items:center;cursor:pointer;user-select:none}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled .react-fields-keeper-mapping-content-input-filled-close i{font-size:7px!important}.react-fields-keeper-mapping-content .react-fields-keeper-mapping-content-input .react-fields-keeper-mapping-content-input-filled .react-fields-keeper-mapping-content-input-filled-close:hover{background-color:#e4e4e4}.react-fields-keeper-tooltip-wrapper{width:auto;height:auto}.react-fields-keeper-tooltip-wrapper.react-fields-keeper-tooltip-disabled-pointer{cursor:not-allowed}.react-fields-keeper-mapping-column-content-action{width:15px;height:15px;display:grid;place-items:center}.react-fields-keeper-mapping-column-content-action:hover{background-color:#e4e4e4;scale:1.1}.react-fields-keeper-mapping-column-content-action:active{scale:1}.react-fields-keeper-mapping-column-content-action i{font-size:8px!important}.react-fields-keeper-mapping-container{display:grid;grid-template-rows:auto auto 1fr;max-height:100%;width:100%;overflow:hidden;font-size:12px}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-subtitle{margin-bottom:5px}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-content-scrollable-container{width:100%;height:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;padding-right:5px;margin-top:2px}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content{display:flex;flex-direction:row;width:100%;gap:6px;align-items:center;cursor:pointer;padding:6px 4px 6px 6px;user-select:none;position:relative}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content:hover{background-color:#f3f3f3}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content:hover.react-fields-keeper-mapping-column-content-group-header:after{background-color:#f3f3f3}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content.react-fields-keeper-mapping-column-content-group-header:after{content:"";position:absolute;top:0;left:0;width:100%;height:calc((24px * var(--root-bucket-group-items-count)) + (2px * var(--root-bucket-group-items-count)) + 2px);border-radius:2px;z-index:-1;top:-1px}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content.react-fields-keeper-mapping-column-content-offset{padding-left:20px}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content.react-fields-keeper-mapping-column-content-offset-without-checkbox{padding-left:12px}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content.react-fields-keeper-mapping-column-content-disabled{pointer-events:none;cursor:not-allowed;opacity:.4}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content .react-fields-keeper-mapping-column-content-checkbox{display:block;height:100%;display:grid;place-items:center}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content .react-fields-keeper-mapping-column-content-checkbox input{cursor:pointer}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content .react-fields-keeper-mapping-column-content-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-column-content .react-fields-keeper-mapping-column-content-wrapper .react-fields-keeper-mapping-column-content-label{font-weight:400}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-no-search-items-found{width:100%;text-align:center;display:grid;place-items:center;font-weight:400;padding:20px 0}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-no-search-items-found .react-fields-keeper-mapping-clear-search-link{margin-top:5px;border-bottom:1px solid #5c5cd1;color:#5c5cd1;width:min-content;white-space:nowrap;cursor:pointer}.react-fields-keeper-mapping-container .react-fields-keeper-mapping-no-search-items-found .react-fields-keeper-mapping-clear-search-link:hover{color:#3232ac}.react-fields-keeper-mapping-column-searcher{width:100%;overflow:hidden;position:relative;font-size:12px}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-input{width:100%;outline:none;border:none;border-bottom:1px solid #a8a8a8;font-size:inherit;padding:4px 1.8em}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-input:focus{border-bottom-color:#393939}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-prefix{position:absolute;top:50%;left:3px;transform:translateY(-50%)}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-prefix span{font-size:1em!important}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-clear{position:absolute;top:50%;right:5px;transform:translateY(-50%);width:18px;height:18px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-clear span{font-size:8px!important}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-clear:hover{background-color:#c7c7c7}.react-fields-keeper-mapping-column-searcher .react-fields-keeper-mapping-column-searcher-clear:active{transform:translateY(-50%) scale(.9)}.react-fields-keeper-mapping-content-disabled{opacity:.6;pointer-events:none}@font-face{font-family:FabricMDL2Icons_fields_keeper;src:url(data:font/woff;base64,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) format("woff")}.fk-ms-Icon{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-family:FabricMDL2Icons_fields_keeper;font-style:normal;font-weight:400}.fk-ms-Icon--ChevronDown:before{content:""}.fk-ms-Icon--ChevronRight:before{content:""}.fk-ms-Icon--ChromeClose:before{content:""}.fk-ms-Icon--GripperDotsVertical:before{content:""}.fk-ms-Icon--Info12:before{content:""}.fk-ms-Icon--Search:before{content:""}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 	http://jedwatson.github.io/classnames
-*/(function(s){(function(){var o={}.hasOwnProperty;function a(){for(var i=[],c=0;c<arguments.length;c++){var f=arguments[c];if(f){var d=typeof f;if(d==="string"||d==="number")i.push(f);else if(Array.isArray(f)){if(f.length){var l=a.apply(null,f);l&&i.push(l)}}else if(d==="object"){if(f.toString!==Object.prototype.toString&&!f.toString.toString().includes("[native code]")){i.push(f.toString());continue}for(var p in f)o.call(f,p)&&f[p]&&i.push(p)}}}return i.join(" ")}s.exports?(a.default=a,s.exports=a):window.classNames=a})()})(Xt);var bn=Xt.exports;const ae=_t(bn),Tn=s=>{const{id:o,label:a,disabled:i=!1,emptyFieldPlaceholder:c="Add data fields here",sortGroupOrderWiseOnAssignment:f=!0,instanceId:d,showExtendedAssignmentPlaceholder:l=!1,centerAlignPlaceholder:p=!1,placeHolderWrapperClassName:O,wrapperClassName:h,orientation:g="vertical",horizontalFillOverflowType:_="scroll"}=s,[y,S]=M.useState(!1),x=Ze(k=>k.setState),{instanceId:G}=M.useContext(Me),A=d??G,{allItems:b,buckets:C,allowDuplicates:R,receiveFieldItemsFromInstances:P=[]}=Tt(A),{currentBucket:E,groupedItems:I}=M.useMemo(()=>{const k=C.find(ee=>ee.id===o);return k?{groupedItems:Rt(k.items),currentBucket:k}:{groupedItems:[],currentBucket:k}},[C,o]);if(!E)return null;const{maxItems:w=Number.MAX_SAFE_INTEGER}=E,W=(...k)=>()=>et({instanceId:A,bucketId:o,fromBucket:o,buckets:C,fieldItems:k,sortGroupOrderWiseOnAssignment:f,updateState:x,removeOnly:!0,allowDuplicates:R,removeIndex:k.length===1?k[0].fieldItemIndex:void 0}),V=()=>{S(!1)},L=()=>{S(!0)},U=k=>{k.preventDefault(),L()},F=k=>{const ee=[A,...P],ce=k.dataTransfer.getData(oe.FIELD_ITEM_INDEX),he=k.dataTransfer.getData(oe.FROM_BUCKET),ne=ee.find(Le=>k.dataTransfer.getData(Le));return{fieldItemIds:((ne?k.dataTransfer.getData(ne):"")??"").split(","),fromBucket:he,fieldItemIndex:ce}},H=k=>{const{fromBucket:ee,fieldItemIds:ce,fieldItemIndex:he}=F(k),ne=b.filter(Ee=>ce.some(ke=>Ee.id===ke));ne.length&&et({instanceId:A,bucketId:o,buckets:C,sortGroupOrderWiseOnAssignment:f,fieldItems:ne,allowDuplicates:R,fromBucket:ee,removeIndex:ne.length===1&&he?+he:void 0,updateState:x}),V()},$=I.length<w,D=T.jsx("div",{className:ae("react-fields-keeper-mapping-content-input-placeholder",{"center-align":p},O),children:c});return E?T.jsxs("div",{className:ae("react-fields-keeper-mapping-content",h),children:[a&&T.jsx("div",{className:"react-fields-keeper-mapping-content-title",children:a}),T.jsxs("div",{className:ae("react-fields-keeper-mapping-content-input",{"react-fields-keeper-content-input-horizontal":g==="horizontal","react-fields-keeper-content-input-horizontal-wrap":g==="horizontal"&&_==="wrap","react-fields-keeper-mapping-content-multi-input":$&&!l&&g==="vertical","react-fields-keeper-mapping-content-input-active":y,"react-fields-keeper-mapping-content-disabled":i}),onDrop:H,onDragOver:U,onDragEnter:L,onDragLeave:V,children:[I.length>0&&I.map((k,ee)=>M.createElement(Rn,{...s,key:ee,groupedItem:k,currentBucket:E,onDragOverHandler:U,onFieldItemRemove:W})),(I.length===0||l===!0)&&D]})]}):null},Rn=s=>{var R;const{groupedItem:{items:o,group:a,groupLabel:i},suffixNode:c,instanceId:f,currentBucket:d,allowRemoveFields:l=!1,orientation:p="vertical",horizontalFillOverflowType:O="scroll",customItemRenderer:h,onDragOverHandler:g,onFieldItemRemove:_}=s,{instanceId:y}=M.useContext(Me),S=f??y,[x,G]=M.useState(!1),A=a!==oe.NO_GROUP_ID,b=(P,E,I)=>w=>{w.dataTransfer.setData(oe.FIELD_ITEM_INDEX,P),w.dataTransfer.setData(oe.FROM_BUCKET,E),w.dataTransfer.setData(S,I.map(W=>W.id).join(","))},C=({fieldItems:P,isGroupItem:E,groupHeader:I})=>{const w=I!==void 0,W=w?{"--bucket-group-items-count":I.groupItems.length+1}:{};return P.map(V=>{var F,H,$,D;const L=_(...w?I.groupItems:[V]),U=()=>{const k=w&&T.jsx("div",{className:ae("react-fields-keeper-mapping-column-content-action"),role:"button",onClick:I.onGroupHeaderToggle,children:I.isGroupCollapsed?T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronRight"}):T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronDown"})});return T.jsxs(M.Fragment,{children:[T.jsx("div",{className:"react-fields-keeper-mapping-content-input-filled-value",children:V.label}),p==="vertical"&&k,c||l&&T.jsx("div",{className:ae("react-fields-keeper-mapping-content-input-filled-close"),role:"button",onClick:L,children:T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChromeClose"})}),p==="horizontal"&&k]})};return T.jsx("div",{className:ae("react-fields-keeper-tooltip-wrapper",{"react-fields-keeper-tooltip-disabled-pointer":(F=V.disabled)==null?void 0:F.active}),title:((H=V.disabled)!=null&&H.active?($=V.disabled)==null?void 0:$.message:V.tooltip)??V.tooltip,children:T.jsx("div",{className:ae("react-fields-keeper-mapping-content-input-filled",V.activeNodeClassName,{"react-fields-keeper-mapping-content-input-filled-offset":E,"react-fields-keeper-mapping-content-input-filled-group-header":w,"react-fields-keeper-mapping-content-input-filled-disabled":(D=V.disabled)==null?void 0:D.active,"react-fields-keeper-mapping-content-input-filled-custom-renderer":h!==void 0}),style:W,draggable:!0,onDragStart:b((V.fieldItemIndex??"")+"",d.id,w?I.groupItems:[V]),onDragOver:g,children:h!==void 0?h({bucketId:d.id,fieldItem:V,remove:L,getDefaultItemRenderer:U}):U()})},V.id)})};if(A){let P=(R=o.find(I=>{var w;return(w=I.disabled)==null?void 0:w.active}))==null?void 0:R.disabled;const E=o.length>1?(P==null?void 0:P.disableGroupLabel)??!0:!0;return P&&(P={...P,active:E}),T.jsxs("div",{className:ae("react-fields-keeper-mapping-content-input-filled-group",{"react-fields-keeper-mapping-content-input-filled-group-horizontal":p==="horizontal","group-wrap":O==="wrap"}),children:[C({fieldItems:[{label:i,id:a,group:a,groupLabel:i,disabled:P}],groupHeader:{groupItems:o,isGroupCollapsed:x,onGroupHeaderToggle:()=>G(!x)}}),!x&&C({fieldItems:o,isGroupItem:!0})]})}return T.jsx(T.Fragment,{children:C({fieldItems:o})})};function $e(s,o){const{maxItems:a=Number.MAX_SAFE_INTEGER}=s;if(o===0){const i=s.items.slice(0,a),c=s.items.slice(a);return s.items=i,c}else{const i=s.items.slice(Math.max(s.items.length-a,0)),c=s.items.slice(0,Math.max(s.items.length-a,0));return s.items=i,c}}function et(s){const{instanceId:o,bucketId:a,buckets:i,fieldItems:c,updateState:f,removeOnly:d=!1,sortGroupOrderWiseOnAssignment:l=!1,allowDuplicates:p=!1,removeIndex:O,fromBucket:h}=s,g=[...i],_=c.filter(A=>{var b;return((b=A.rootDisabled??A.disabled)==null?void 0:b.active)!==!0}),y=(A,b=[])=>{O!==void 0&&A.id===h?A.items.splice(O,_.length):A.items=A.items.filter(C=>_.some(R=>R.id===C.id)===!1||b.some(R=>R.id===C.id))},S=g.find(A=>A.id===a),x=g.find(A=>A.id===h);if(d)h===oe.ROOT_BUCKET_ID?g.forEach(A=>{y(A),l&&Te(A.items)}):x&&y(x);else{if(!S)return;const A=S.items.length;if(h===oe.ROOT_BUCKET_ID)p||g.forEach(b=>y(b)),S.items.push(..._),$e(S,A),l&&Te(S.items);else if(h===S.id)p||y(S),S.items.push(..._),$e(S,A),l&&Te(S.items);else{S.items.push(..._);const C=$e(S,A);l&&Te(S.items),x&&(y(x,C),l&&Te(x.items))}}const G={fieldItems:_,fromBucket:x==null?void 0:x.id,targetBucket:S==null?void 0:S.id,isRemoved:d};f(o,{buckets:g},G)}function Te(s){return s.reduce((i,c,f)=>{let d=i.find(l=>l.group===(c.group??f.toString()));return d||(d={group:c.group??f.toString(),items:[]},i.push(d)),d.items.push(c),i},[]).reduce((i,c)=>(c.items.length>1&&c.items.sort((f,d)=>f.groupOrder!==void 0&&d.groupOrder!==void 0?f.groupOrder-d.groupOrder:0),i.push(...c.items),i),[])}class tt{static getDescendantProperty(o,a,i=[]){let c,f,d,l,p,O;if(a){if(d=a.indexOf("."),d===-1?c=a:(c=a.slice(0,d),f=a.slice(d+1)),l=o[c],l!==null&&typeof l<"u")if(!f&&(typeof l=="string"||typeof l=="number"))i.push(l);else if(Object.prototype.toString.call(l)==="[object Array]")for(p=0,O=l.length;p<O;p++)tt.getDescendantProperty(l[p],f,i);else f&&tt.getDescendantProperty(l,f,i)}else i.push(o);return i}}class Pe{constructor(o=[],a=[],i={}){Array.isArray(a)||(i=a,a=[]),this.haystack=o,this.keys=a,this.options=Object.assign({caseSensitive:!1,sort:!1},i)}search(o=""){if(o==="")return this.haystack;const a=[];for(let i=0;i<this.haystack.length;i++){const c=this.haystack[i];if(this.keys.length===0){const f=Pe.isMatch(c,o,this.options.caseSensitive);f&&a.push({item:c,score:f})}else for(let f=0;f<this.keys.length;f++){const d=tt.getDescendantProperty(c,this.keys[f]);let l=!1;for(let p=0;p<d.length;p++){const O=Pe.isMatch(d[p],o,this.options.caseSensitive);if(O){l=!0,a.push({item:c,score:O});break}}if(l)break}}return this.options.sort&&a.sort((i,c)=>i.score-c.score),a.map(i=>i.item)}static isMatch(o,a,i){o=String(o),a=String(a),i||(o=o.toLocaleLowerCase(),a=a.toLocaleLowerCase());const c=Pe.nearestIndexesFor(o,a);return c?o===a?1:c.length>1?2+(c[c.length-1]-c[0]):2+c[0]:!1}static nearestIndexesFor(o,a){const i=a.split("");let c=[];return Pe.indexesOfFirstLetter(o,a).forEach((d,l)=>{let p=d+1;c[l]=[d];for(let O=1;O<i.length;O++){const h=i[O];if(p=o.indexOf(h,p),p===-1){c[l]=!1;break}c[l].push(p),p++}}),c=c.filter(d=>d!==!1),c.length?c.sort((d,l)=>d.length===1?d[0]-l[0]:(d=d[d.length-1]-d[0],l=l[l.length-1]-l[0],d-l))[0]:!1}static indexesOfFirstLetter(o,a){const i=a[0];return o.split("").map((c,f)=>c!==i?!1:f).filter(c=>c!==!1)}}const Qt=M.forwardRef((s,o)=>{const{className:a,searchPlaceholder:i,searchQuery:c,onSearchQueryChange:f}=s,d=M.useRef(null),l=O=>{f(O.target.value??"")},p=()=>{var O,h;f(""),o?(O=o==null?void 0:o.current)==null||O.focus():(h=d.current)==null||h.focus()};return T.jsxs("div",{className:ae("react-fields-keeper-mapping-column-searcher",a),children:[T.jsx("div",{className:"react-fields-keeper-mapping-column-searcher-prefix",children:T.jsx("span",{className:"fk-ms-Icon fk-ms-Icon--Search"})}),T.jsx("input",{className:"react-fields-keeper-mapping-column-searcher-input",type:"text",ref:o??d,onChange:l,value:c,placeholder:i}),c.length>0&&T.jsx("div",{className:"react-fields-keeper-mapping-column-searcher-clear",role:"button",onClick:p,children:T.jsx("span",{className:"fk-ms-Icon fk-ms-Icon--ChromeClose"})})]})}),Rt=s=>{const o=s.reduce((a,i,c)=>{const f=a.find(d=>d.group===i.group);return f?f.items.push({...i,fieldItemIndex:c}):a.push({group:i.group??oe.NO_GROUP_ID,groupLabel:i.groupLabel??oe.NO_GROUP_ID,items:[{...i,fieldItemIndex:c}]}),a},[]);return o.forEach(a=>{a.items=Te(a.items)}),o},Cn=s=>{const{label:o,isDisabled:a,labelClassName:i,sortGroupOrderWiseOnAssignment:c=!0,instanceId:f,searchPlaceholder:d="Search",wrapperClassName:l,customSearchQuery:p=void 0,onClearSearch:O,showClearSearchLink:h=!0,emptyFilterMessage:g=void 0,disabledEmptyFilterMessage:_=!1,shouldRender:y=()=>!0}=s,S=M.useRef(null),{instanceId:x}=M.useContext(Me),G=f??x,{allItems:A}=Tt(G),[b,C]=M.useState(""),R=M.useMemo(()=>A.filter(w=>y(w)),[A,y]),P=p!==void 0,E=M.useMemo(()=>{const W=new Pe(R,["label","id"],{sort:!0}).search(p??b);return Rt(W)},[p,b,R]),I=()=>{var w;C(""),(w=S.current)==null||w.focus(),O==null||O()};return T.jsxs("div",{className:ae("react-fields-keeper-mapping-container",{"react-fields-keeper-mapping-content-disabled":a},l),children:[o?T.jsx("div",{className:ae("react-fields-keeper-mapping-subtitle",i),children:o}):T.jsx("div",{}),P?T.jsx("div",{}):T.jsx(Qt,{ref:S,searchPlaceholder:d,searchQuery:b,onSearchQueryChange:C}),T.jsx("div",{className:ae("react-fields-keeper-mapping-content-scrollable-container","react-fields-keeper-mapping-content-scrollable-container-columns"),children:E.length>0?E.map((w,W)=>M.createElement(An,{...s,key:W,filteredGroupedItem:w,sortGroupOrderWiseOnAssignment:c})):!_&&T.jsx("div",{className:"react-fields-keeper-mapping-no-search-items-found",children:g??T.jsxs(T.Fragment,{children:[T.jsxs("div",{children:["No items found for ",T.jsx("br",{}),T.jsx("br",{}),T.jsxs("code",{children:["'",b,"'"]})]}),T.jsx("br",{}),h&&R.length>0&&T.jsx("div",{className:"react-fields-keeper-mapping-clear-search-link",onClick:I,role:"button",children:"Clear search"})]})})})]})},An=s=>{var V;const{filteredGroupedItem:{group:o,groupLabel:a,items:i},sortGroupOrderWiseOnAssignment:c,getPriorityTargetBucketToFill:f,instanceId:d,ignoreCheckBox:l=!1,allowDragAfterAssignment:p=!0,allowDragging:O=!0,toggleCheckboxOnLabelClick:h=!1}=s,{instanceId:g}=M.useContext(Me),_=d??g,{buckets:y,getPriorityTargetBucketToFill:S,allowDuplicates:x}=Tt(_),G=Ze(L=>L.setState),[A,b]=M.useState(!1),C=o!==oe.NO_GROUP_ID,R=(...L)=>U=>{U.dataTransfer.setData(oe.FROM_BUCKET,oe.ROOT_BUCKET_ID),U.dataTransfer.setData(_,L.map(F=>F.id).join(","))},P=L=>y.some(U=>U.items.some(F=>F.id===L.id)),E=f??S,I=({buckets:L,currentFillingItem:U,priorityGroup:F})=>{if(E){const $=E({buckets:L,priorityGroup:F,currentFillingItem:U});if($)return $}if(F){const $=L.find(D=>D.items.some(k=>k.group===F));if($)return $}return[...L].sort(($,D)=>$.items.length-D.items.length)[0]},w=(L,U=!1)=>()=>{const F=I({buckets:y,priorityGroup:L[0].group,currentFillingItem:i});et({instanceId:_,bucketId:F.id,fromBucket:oe.ROOT_BUCKET_ID,fieldItems:L,buckets:y,removeOnly:U,sortGroupOrderWiseOnAssignment:c,allowDuplicates:x,updateState:G})},W=({fieldItems:L,isGroupItem:U,groupHeader:F})=>{const H=F!==void 0,$=H?{"--root-bucket-group-items-count":F.groupItems.length+1}:{};return L.map(D=>{var ee,ce,he,ne;const k=H?F==null?void 0:F.isGroupHeaderSelected:P(D);return T.jsx("div",{className:ae("react-fields-keeper-tooltip-wrapper",{"react-fields-keeper-tooltip-disabled-pointer":(ee=D.rootDisabled)==null?void 0:ee.active}),title:((ce=D.rootDisabled)!=null&&ce.active?(he=D.rootDisabled)==null?void 0:he.message:D.rootTooltip)??D.rootTooltip,children:T.jsxs("div",{className:ae("react-fields-keeper-mapping-column-content",D.rootBucketActiveNodeClassName,{"react-fields-keeper-mapping-column-content-offset":U,"react-fields-keeper-mapping-column-content-group-header":H&&!F.isGroupCollapsed,"react-fields-keeper-mapping-column-content-disabled":(ne=D.rootDisabled)==null?void 0:ne.active,"react-fields-keeper-mapping-column-content-offset-without-checkbox":l&&U}),style:$,draggable:O&&(p?!0:!k),onDragStart:R(...H?F.groupItems:[D]),onClick:h?w(H?F.groupItems:[D],k):void 0,children:[!l&&T.jsx("div",{className:"react-fields-keeper-mapping-column-content-checkbox",children:T.jsx("input",{type:"checkbox",checked:k,onChange:w(H?F.groupItems:[D],k)})}),T.jsxs("div",{className:"react-fields-keeper-mapping-column-content-wrapper",children:[T.jsx("div",{className:"react-fields-keeper-mapping-column-content-label",children:D.label}),H&&T.jsx("div",{className:ae("react-fields-keeper-mapping-column-content-action"),role:"button",onClick:F.onGroupHeaderToggle,children:F.isGroupCollapsed?T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronRight"}):T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronDown"})})]})]})},D.id)})};if(C){let L=(V=i.find(F=>{var H;return(H=F.rootDisabled)==null?void 0:H.active}))==null?void 0:V.rootDisabled;const U=i.length>1?(L==null?void 0:L.disableGroupLabel)??!0:!0;return L&&(L={...L,active:U}),T.jsxs(T.Fragment,{children:[W({fieldItems:[{label:a,id:o,group:o,groupLabel:a,rootDisabled:L}],groupHeader:{isGroupHeaderSelected:i.some(F=>{var H;return((H=F.rootDisabled)==null?void 0:H.active)!==!0&&P(F)}),groupItems:i,isGroupCollapsed:A,onGroupHeaderToggle:()=>b(!A)}}),!A&&W({fieldItems:i,isGroupItem:!0})]})}return T.jsx(T.Fragment,{children:W({fieldItems:i})})};ie.FieldsKeeperBucket=Tn,ie.FieldsKeeperProvider=xn,ie.FieldsKeeperRootBucket=Cn,ie.FieldsKeeperSearcher=Qt,ie.assignFieldItems=et,ie.checkAndMaintainMaxItems=$e,ie.getGroupedItems=Rt,ie.sortBucketItemsBasedOnGroupOrder=Te,Object.defineProperty(ie,Symbol.toStringTag,{value:"Module"})});
+*/(function(s){(function(){var o={}.hasOwnProperty;function a(){for(var i=[],c=0;c<arguments.length;c++){var f=arguments[c];if(f){var d=typeof f;if(d==="string"||d==="number")i.push(f);else if(Array.isArray(f)){if(f.length){var l=a.apply(null,f);l&&i.push(l)}}else if(d==="object"){if(f.toString!==Object.prototype.toString&&!f.toString.toString().includes("[native code]")){i.push(f.toString());continue}for(var p in f)o.call(f,p)&&f[p]&&i.push(p)}}}return i.join(" ")}s.exports?(a.default=a,s.exports=a):window.classNames=a})()})(Xt);var bn=Xt.exports;const ae=_t(bn),Tn=s=>{const{id:o,label:a,disabled:i=!1,emptyFieldPlaceholder:c="Add data fields here",sortGroupOrderWiseOnAssignment:f=!0,instanceId:d,showExtendedAssignmentPlaceholder:l=!1,centerAlignPlaceholder:p=!1,placeHolderWrapperClassName:O,wrapperClassName:h,orientation:g="vertical",horizontalFillOverflowType:_="scroll"}=s,[y,S]=M.useState(!1),x=Ze(k=>k.setState),{instanceId:G}=M.useContext(Me),A=d??G,{allItems:b,buckets:C,allowDuplicates:R,receiveFieldItemsFromInstances:P=[]}=Tt(A),{currentBucket:E,groupedItems:I}=M.useMemo(()=>{const k=C.find(ee=>ee.id===o);return k?{groupedItems:Rt(k.items),currentBucket:k}:{groupedItems:[],currentBucket:k}},[C,o]);if(!E)return null;const{maxItems:w=Number.MAX_SAFE_INTEGER}=E,W=(...k)=>()=>et({instanceId:A,bucketId:o,fromBucket:o,buckets:C,fieldItems:k,sortGroupOrderWiseOnAssignment:f,updateState:x,removeOnly:!0,allowDuplicates:R,removeIndex:k.length===1?k[0].fieldItemIndex:void 0}),V=()=>{S(!1)},L=()=>{S(!0)},U=k=>{k.preventDefault(),L()},F=k=>{const ee=[A,...P],ce=k.dataTransfer.getData(oe.FIELD_ITEM_INDEX),he=k.dataTransfer.getData(oe.FROM_BUCKET),ne=ee.find(Le=>k.dataTransfer.getData(Le));return{fieldItemIds:((ne?k.dataTransfer.getData(ne):"")??"").split(","),fromBucket:he,fieldItemIndex:ce}},H=k=>{const{fromBucket:ee,fieldItemIds:ce,fieldItemIndex:he}=F(k),ne=b.filter(Ee=>ce.some(ke=>Ee.id===ke));ne.length&&et({instanceId:A,bucketId:o,buckets:C,sortGroupOrderWiseOnAssignment:f,fieldItems:ne,allowDuplicates:R,fromBucket:ee,removeIndex:ne.length===1&&he?+he:void 0,updateState:x}),V()},$=I.length<w,D=T.jsx("div",{className:ae("react-fields-keeper-mapping-content-input-placeholder",{"center-align":p},O),children:c});return E?T.jsxs("div",{className:ae("react-fields-keeper-mapping-content",h),children:[a&&T.jsx("div",{className:"react-fields-keeper-mapping-content-title",children:a}),T.jsxs("div",{className:ae("react-fields-keeper-mapping-content-input",{"react-fields-keeper-content-input-horizontal":g==="horizontal","react-fields-keeper-content-input-horizontal-wrap":g==="horizontal"&&_==="wrap","react-fields-keeper-mapping-content-multi-input":$&&!l&&g==="vertical","react-fields-keeper-mapping-content-input-active":y,"react-fields-keeper-mapping-content-disabled":i}),onDrop:H,onDragOver:U,onDragEnter:L,onDragLeave:V,children:[I.length>0&&I.map((k,ee)=>M.createElement(Rn,{...s,key:ee,groupedItem:k,currentBucket:E,onDragOverHandler:U,onFieldItemRemove:W})),(I.length===0||l===!0)&&D]})]}):null},Rn=s=>{var R;const{groupedItem:{items:o,group:a,groupLabel:i},suffixNode:c,instanceId:f,currentBucket:d,allowRemoveFields:l=!1,orientation:p="vertical",horizontalFillOverflowType:O="scroll",customItemRenderer:h,onDragOverHandler:g,onFieldItemRemove:_}=s,{instanceId:y}=M.useContext(Me),S=f??y,[x,G]=M.useState(!1),A=a!==oe.NO_GROUP_ID,b=(P,E,I)=>w=>{w.dataTransfer.setData(oe.FIELD_ITEM_INDEX,P),w.dataTransfer.setData(oe.FROM_BUCKET,E),w.dataTransfer.setData(S,I.map(W=>W.id).join(","))},C=({fieldItems:P,isGroupItem:E,groupHeader:I})=>{const w=I!==void 0,W=w?{"--bucket-group-items-count":I.groupItems.length+1}:{};return P.map(V=>{var F,H,$,D;const L=_(...w?I.groupItems:[V]),U=()=>{const k=w&&T.jsx("div",{className:ae("react-fields-keeper-mapping-column-content-action"),role:"button",onClick:I.onGroupHeaderToggle,children:I.isGroupCollapsed?T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronRight"}):T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronDown"})});return T.jsxs(M.Fragment,{children:[T.jsx("div",{className:"react-fields-keeper-mapping-content-input-filled-value",children:V.label}),p==="vertical"&&k,c||l&&T.jsx("div",{className:ae("react-fields-keeper-mapping-content-input-filled-close"),role:"button",onClick:L,children:T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChromeClose"})}),p==="horizontal"&&k]})};return T.jsx("div",{className:ae("react-fields-keeper-tooltip-wrapper",{"react-fields-keeper-tooltip-disabled-pointer":(F=V.disabled)==null?void 0:F.active}),title:((H=V.disabled)!=null&&H.active?($=V.disabled)==null?void 0:$.message:V.tooltip)??V.tooltip,children:T.jsx("div",{className:ae("react-fields-keeper-mapping-content-input-filled",V.activeNodeClassName,{"react-fields-keeper-mapping-content-input-filled-offset":E,"react-fields-keeper-mapping-content-input-filled-group-header":w,"react-fields-keeper-mapping-content-input-filled-disabled":(D=V.disabled)==null?void 0:D.active,"react-fields-keeper-mapping-content-input-filled-custom-renderer":h!==void 0}),style:W,draggable:!0,onDragStart:b((V.fieldItemIndex??"")+"",d.id,w?I.groupItems:[V]),onDragOver:g,children:h!==void 0?h({bucketId:d.id,fieldItem:V,remove:L,getDefaultItemRenderer:U}):U()})},V.id)})};if(A){let P=(R=o.find(I=>{var w;return(w=I.disabled)==null?void 0:w.active}))==null?void 0:R.disabled;const E=o.length>1?(P==null?void 0:P.disableGroupLabel)??!0:!0;return P&&(P={...P,active:E}),T.jsxs("div",{className:ae("react-fields-keeper-mapping-content-input-filled-group",{"react-fields-keeper-mapping-content-input-filled-group-horizontal":p==="horizontal","group-wrap":O==="wrap"}),children:[C({fieldItems:[{label:i,id:a,group:a,groupLabel:i,disabled:P}],groupHeader:{groupItems:o,isGroupCollapsed:x,onGroupHeaderToggle:()=>G(!x)}}),!x&&C({fieldItems:o,isGroupItem:!0})]})}return T.jsx(T.Fragment,{children:C({fieldItems:o})})};function $e(s,o){const{maxItems:a=Number.MAX_SAFE_INTEGER}=s;if(o===0){const i=s.items.slice(0,a),c=s.items.slice(a);return s.items=i,c}else{const i=s.items.slice(Math.max(s.items.length-a,0)),c=s.items.slice(0,Math.max(s.items.length-a,0));return s.items=i,c}}function et(s){const{instanceId:o,bucketId:a,buckets:i,fieldItems:c,updateState:f,removeOnly:d=!1,sortGroupOrderWiseOnAssignment:l=!1,allowDuplicates:p=!1,removeIndex:O,fromBucket:h}=s,g=[...i],_=c.filter(A=>{var b;return((b=A.rootDisabled??A.disabled)==null?void 0:b.active)!==!0}),y=(A,b=[])=>{O!==void 0&&A.id===h?A.items.splice(O,_.length):A.items=A.items.filter(C=>_.some(R=>R.id===C.id)===!1||b.some(R=>R.id===C.id))},S=g.find(A=>A.id===a),x=g.find(A=>A.id===h);if(d)h===oe.ROOT_BUCKET_ID?g.forEach(A=>{y(A),l&&Te(A.items)}):x&&y(x);else{if(!S)return;const A=S.items.length;if(h===oe.ROOT_BUCKET_ID)p||g.forEach(b=>y(b)),S.items.push(..._),$e(S,A),l&&Te(S.items);else if(h===S.id)p||y(S),S.items.push(..._),$e(S,A),l&&Te(S.items);else{S.items.push(..._);const C=$e(S,A);l&&Te(S.items),x&&(y(x,C),l&&Te(x.items))}}const G={fieldItems:_,fromBucket:x==null?void 0:x.id,targetBucket:S==null?void 0:S.id,isRemoved:d};f(o,{buckets:g},G)}function Te(s){return s.reduce((i,c,f)=>{let d=i.find(l=>l.group===(c.group??f.toString()));return d||(d={group:c.group??f.toString(),items:[]},i.push(d)),d.items.push(c),i},[]).reduce((i,c)=>(c.items.length>1&&c.items.sort((f,d)=>f.groupOrder!==void 0&&d.groupOrder!==void 0?f.groupOrder-d.groupOrder:0),i.push(...c.items),i),[])}class tt{static getDescendantProperty(o,a,i=[]){let c,f,d,l,p,O;if(a){if(d=a.indexOf("."),d===-1?c=a:(c=a.slice(0,d),f=a.slice(d+1)),l=o[c],l!==null&&typeof l<"u")if(!f&&(typeof l=="string"||typeof l=="number"))i.push(l);else if(Object.prototype.toString.call(l)==="[object Array]")for(p=0,O=l.length;p<O;p++)tt.getDescendantProperty(l[p],f,i);else f&&tt.getDescendantProperty(l,f,i)}else i.push(o);return i}}class Pe{constructor(o=[],a=[],i={}){Array.isArray(a)||(i=a,a=[]),this.haystack=o,this.keys=a,this.options=Object.assign({caseSensitive:!1,sort:!1},i)}search(o=""){if(o==="")return this.haystack;const a=[];for(let i=0;i<this.haystack.length;i++){const c=this.haystack[i];if(this.keys.length===0){const f=Pe.isMatch(c,o,this.options.caseSensitive);f&&a.push({item:c,score:f})}else for(let f=0;f<this.keys.length;f++){const d=tt.getDescendantProperty(c,this.keys[f]);let l=!1;for(let p=0;p<d.length;p++){const O=Pe.isMatch(d[p],o,this.options.caseSensitive);if(O){l=!0,a.push({item:c,score:O});break}}if(l)break}}return this.options.sort&&a.sort((i,c)=>i.score-c.score),a.map(i=>i.item)}static isMatch(o,a,i){o=String(o),a=String(a),i||(o=o.toLocaleLowerCase(),a=a.toLocaleLowerCase());const c=Pe.nearestIndexesFor(o,a);return c?o===a?1:c.length>1?2+(c[c.length-1]-c[0]):2+c[0]:!1}static nearestIndexesFor(o,a){const i=a.split("");let c=[];return Pe.indexesOfFirstLetter(o,a).forEach((d,l)=>{let p=d+1;c[l]=[d];for(let O=1;O<i.length;O++){const h=i[O];if(p=o.indexOf(h,p),p===-1){c[l]=!1;break}c[l].push(p),p++}}),c=c.filter(d=>d!==!1),c.length?c.sort((d,l)=>d.length===1?d[0]-l[0]:(d=d[d.length-1]-d[0],l=l[l.length-1]-l[0],d-l))[0]:!1}static indexesOfFirstLetter(o,a){const i=a[0];return o.split("").map((c,f)=>c!==i?!1:f).filter(c=>c!==!1)}}const Qt=M.forwardRef((s,o)=>{const{className:a,searchPlaceholder:i,searchQuery:c,onSearchQueryChange:f}=s,d=M.useRef(null),l=O=>{f(O.target.value??"")},p=()=>{var O,h;f(""),o?(O=o==null?void 0:o.current)==null||O.focus():(h=d.current)==null||h.focus()};return T.jsxs("div",{className:ae("react-fields-keeper-mapping-column-searcher",a),children:[T.jsx("div",{className:"react-fields-keeper-mapping-column-searcher-prefix",children:T.jsx("span",{className:"fk-ms-Icon fk-ms-Icon--Search"})}),T.jsx("input",{className:"react-fields-keeper-mapping-column-searcher-input",type:"text",ref:o??d,onChange:l,value:c,placeholder:i}),c.length>0&&T.jsx("div",{className:"react-fields-keeper-mapping-column-searcher-clear",role:"button",onClick:p,children:T.jsx("span",{className:"fk-ms-Icon fk-ms-Icon--ChromeClose"})})]})}),Rt=s=>{const o=s.reduce((a,i,c)=>{const f=a.find(d=>d.group===i.group);return f?f.items.push({...i,fieldItemIndex:c}):a.push({group:i.group??oe.NO_GROUP_ID,groupLabel:i.groupLabel??oe.NO_GROUP_ID,items:[{...i,fieldItemIndex:c}]}),a},[]);return o.forEach(a=>{a.items=Te(a.items)}),o},Cn=s=>{const{label:o,isDisabled:a,labelClassName:i,sortGroupOrderWiseOnAssignment:c=!0,instanceId:f,searchPlaceholder:d="Search",wrapperClassName:l,customSearchQuery:p=void 0,onClearSearch:O,showClearSearchLink:h=!0,emptyFilterMessage:g=void 0,disabledEmptyFilterMessage:_=!1,shouldRender:y=()=>!0}=s,S=M.useRef(null),{instanceId:x}=M.useContext(Me),G=f??x,{allItems:A}=Tt(G),[b,C]=M.useState(""),R=M.useMemo(()=>A.filter(w=>y(w)),[A,y]),P=p!==void 0,E=M.useMemo(()=>{const W=new Pe(R,["label","id"],{sort:!0}).search(p??b);return Rt(W)},[p,b,R]),I=()=>{var w;C(""),(w=S.current)==null||w.focus(),O==null||O()};return T.jsxs("div",{className:ae("react-fields-keeper-mapping-container",{"react-fields-keeper-mapping-content-disabled":a},l),children:[o?T.jsx("div",{className:ae("react-fields-keeper-mapping-subtitle",i),children:o}):T.jsx("div",{}),P?T.jsx("div",{}):T.jsx(Qt,{ref:S,searchPlaceholder:d,searchQuery:b,onSearchQueryChange:C}),T.jsx("div",{className:ae("react-fields-keeper-mapping-content-scrollable-container","react-fields-keeper-mapping-content-scrollable-container-columns"),children:E.length>0?E.map((w,W)=>M.createElement(An,{...s,key:W,filteredGroupedItem:w,sortGroupOrderWiseOnAssignment:c})):!_&&T.jsx("div",{className:"react-fields-keeper-mapping-no-search-items-found",children:g??T.jsxs(T.Fragment,{children:[T.jsxs("div",{children:["No items found for ",T.jsx("br",{}),T.jsx("br",{}),T.jsxs("code",{children:["'",b,"'"]})]}),T.jsx("br",{}),h&&R.length>0&&T.jsx("div",{className:"react-fields-keeper-mapping-clear-search-link",onClick:I,role:"button",children:"Clear search"})]})})})]})},An=s=>{var V;const{filteredGroupedItem:{group:o,groupLabel:a,items:i},sortGroupOrderWiseOnAssignment:c,getPriorityTargetBucketToFill:f,instanceId:d,ignoreCheckBox:l=!1,allowDragAfterAssignment:p=!0,allowDragging:O=!0,toggleCheckboxOnLabelClick:h=!1}=s,{instanceId:g}=M.useContext(Me),_=d??g,{buckets:y,getPriorityTargetBucketToFill:S,allowDuplicates:x}=Tt(_),G=Ze(L=>L.setState),[A,b]=M.useState(!1),C=o!==oe.NO_GROUP_ID,R=(...L)=>U=>{U.dataTransfer.setData(oe.FROM_BUCKET,oe.ROOT_BUCKET_ID),U.dataTransfer.setData(_,L.map(F=>F.id).join(","))},P=L=>y.some(U=>U.items.some(F=>F.id===L.id)),E=f??S,I=({buckets:L,currentFillingItem:U,priorityGroup:F})=>{if(E){const $=E({buckets:L,priorityGroup:F,currentFillingItem:U});if($)return $}if(F){const $=L.find(D=>D.items.some(k=>k.group===F));if($)return $}return[...L].sort(($,D)=>$.items.length-D.items.length)[0]},w=(L,U=!1)=>()=>{const F=I({buckets:y,priorityGroup:L[0].group,currentFillingItem:i});et({instanceId:_,bucketId:F.id,fromBucket:oe.ROOT_BUCKET_ID,fieldItems:L,buckets:y,removeOnly:U,sortGroupOrderWiseOnAssignment:c,allowDuplicates:x,updateState:G})},W=({fieldItems:L,isGroupItem:U,groupHeader:F})=>{const H=F!==void 0,$=H?{"--root-bucket-group-items-count":F.groupItems.length+1}:{};return L.map(D=>{var ee,ce,he,ne;const k=H?F==null?void 0:F.isGroupHeaderSelected:P(D);return T.jsx("div",{className:ae("react-fields-keeper-tooltip-wrapper",{"react-fields-keeper-tooltip-disabled-pointer":(ee=D.rootDisabled)==null?void 0:ee.active}),title:((ce=D.rootDisabled)!=null&&ce.active?(he=D.rootDisabled)==null?void 0:he.message:D.rootTooltip)??D.rootTooltip,children:T.jsxs("div",{className:ae("react-fields-keeper-mapping-column-content",D.rootBucketActiveNodeClassName,{"react-fields-keeper-mapping-column-content-offset":U,"react-fields-keeper-mapping-column-content-group-header":H&&!F.isGroupCollapsed,"react-fields-keeper-mapping-column-content-disabled":(ne=D.rootDisabled)==null?void 0:ne.active,"react-fields-keeper-mapping-column-content-offset-without-checkbox":l&&U}),style:$,draggable:O&&(p?!0:!k),onDragStart:R(...H?F.groupItems:[D]),onClick:h?w(H?F.groupItems:[D],k):void 0,children:[!l&&T.jsx("div",{className:"react-fields-keeper-mapping-column-content-checkbox",children:T.jsx("input",{type:"checkbox",checked:k,onChange:h?void 0:w(H?F.groupItems:[D],k),readOnly:h})}),T.jsxs("div",{className:"react-fields-keeper-mapping-column-content-wrapper",children:[T.jsx("div",{className:"react-fields-keeper-mapping-column-content-label",children:D.label}),H&&T.jsx("div",{className:ae("react-fields-keeper-mapping-column-content-action"),role:"button",onClick:F.onGroupHeaderToggle,children:F.isGroupCollapsed?T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronRight"}):T.jsx("i",{className:"fk-ms-Icon fk-ms-Icon--ChevronDown"})})]})]})},D.id)})};if(C){let L=(V=i.find(F=>{var H;return(H=F.rootDisabled)==null?void 0:H.active}))==null?void 0:V.rootDisabled;const U=i.length>1?(L==null?void 0:L.disableGroupLabel)??!0:!0;return L&&(L={...L,active:U}),T.jsxs(T.Fragment,{children:[W({fieldItems:[{label:a,id:o,group:o,groupLabel:a,rootDisabled:L}],groupHeader:{isGroupHeaderSelected:i.some(F=>{var H;return((H=F.rootDisabled)==null?void 0:H.active)!==!0&&P(F)}),groupItems:i,isGroupCollapsed:A,onGroupHeaderToggle:()=>b(!A)}}),!A&&W({fieldItems:i,isGroupItem:!0})]})}return T.jsx(T.Fragment,{children:W({fieldItems:i})})};ie.FieldsKeeperBucket=Tn,ie.FieldsKeeperProvider=xn,ie.FieldsKeeperRootBucket=Cn,ie.FieldsKeeperSearcher=Qt,ie.assignFieldItems=et,ie.checkAndMaintainMaxItems=$e,ie.getGroupedItems=Rt,ie.sortBucketItemsBasedOnGroupOrder=Te,Object.defineProperty(ie,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "react-fields-keeper",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "type": "module",
@@ -5,0 +5,0 @@ "main": "./dist/index.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

218282

0.03%

Lines of code

2743

0.07%

No dependency changes