@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","idProp","id","className","classes","disabledProp","selectableProp","selectable","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Boolean","Array","isArray","length","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,SAAzC,EAAoDC,OAApD,EAA6DC,MAA7D,EAAqEC,QAArE,QAAqF,OAArF;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,mCAArC;AAEA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,SAASC,sBAAT,EAAiCC,oBAAjC,QAA6D,oBAA7D;AAEA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,aAAlC;AAEA,SAASC,kBAAT,EAA6BC,aAA7B,QAAkD,eAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAQC,QAAR,EAAqB;AAC5C,MAAID,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAAzC,IAAoDH,QAAxD,EAAkE;AAChE;AACAD,IAAAA,KAAK,CAACK,cAAN;AACD;AACF,CALD;;AAOA,IAAMC,YAAY,gBAAG3B,KAAK,CAAC4B,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACpD,MACMC,MADN,GAqBIF,KArBJ,CACEG,EADF;AAAA,MAEEC,SAFF,GAqBIJ,KArBJ,CAEEI,SAFF;AAAA,MAGEC,OAHF,GAqBIL,KArBJ,CAGEK,OAHF;AAAA,wBAqBIL,KArBJ,CAKEP,QALF;AAAA,MAKYa,YALZ,gCAK2B,KAL3B;AAAA,MAOcC,cAPd,GAqBIP,KArBJ,CAOEQ,UAPF;AAAA,MASEC,MATF,GAqBIT,KArBJ,CASES,MATF;AAAA,oBAqBIT,KArBJ,CAUEU,IAVF;AAAA,MAUEA,IAVF,4BAUS,IAVT;AAAA,MAWEC,KAXF,GAqBIX,KArBJ,CAWEW,KAXF;AAAA,MAYEC,OAZF,GAqBIZ,KArBJ,CAYEY,OAZF;AAAA,MAcEC,OAdF,GAqBIb,KArBJ,CAcEa,OAdF;AAAA,MAeEC,WAfF,GAqBId,KArBJ,CAeEc,WAfF;AAAA,MAgBEC,OAhBF,GAqBIf,KArBJ,CAgBEe,OAhBF;AAAA,MAkBEC,QAlBF,GAqBIhB,KArBJ,CAkBEgB,QAlBF;AAAA,MAoBKC,MApBL,4BAqBIjB,KArBJ;;AAuBA,MAAMkB,sBAAsB,GAAG7C,UAAU,CAACW,sBAAD,CAAzC;;AACA,oBAA0DX,UAAU,CAACY,oBAAD,CAApE;AAAA,MAAQkC,UAAR,eAAQA,UAAR;AAAA,MAAoBC,UAApB,eAAoBA,UAApB;AAAA,MAAgCC,SAAhC,eAAgCA,SAAhC;AAAA,MAA2CC,UAA3C,eAA2CA,UAA3C;;AAEA,MACEC,MADF,GAcIL,sBAdJ,CACEK,MADF;AAAA,MAEEC,IAFF,GAcIN,sBAdJ,CAEEM,IAFF;AAAA,MAGEC,WAHF,GAcIP,sBAdJ,CAGEO,WAHF;AAAA,MAIEC,eAJF,GAcIR,sBAdJ,CAIEQ,eAJF;AAAA,MAKEC,WALF,GAcIT,sBAdJ,CAKES,WALF;AAAA,MAMEC,UANF,GAcIV,sBAdJ,CAMEU,UANF;AAAA,MAOEC,WAPF,GAcIX,sBAdJ,CAOEW,WAPF;AAAA,MAQEC,sBARF,GAcIZ,sBAdJ,CAQEY,sBARF;AAAA,MASEC,YATF,GAcIb,sBAdJ,CASEa,YATF;AAAA,MAUEC,cAVF,GAcId,sBAdJ,CAUEc,cAVF;AAAA,MAWEC,YAXF,GAcIf,sBAdJ,CAWEe,YAXF;AAAA,MAYEC,cAZF,GAcIhB,sBAdJ,CAYEgB,cAZF;AAAA,MAaEC,KAbF,GAcIjB,sBAdJ,CAaEiB,KAbF;AAgBA,MAAMC,YAAY,GAAGZ,IAAI,KAAK,UAA9B;AAEA,MAAIrB,EAAE,GAAG,IAAT;;AAEA,MAAID,MAAM,IAAI,IAAd,EAAoB;AAClBC,IAAAA,EAAE,GAAGD,MAAL;AACD,GAFD,MAEO,IAAIqB,MAAM,IAAId,MAAd,EAAsB;AAC3BN,IAAAA,EAAE,aAAMoB,MAAN,cAAgBd,MAAhB,CAAF;AACD;;AAED,kBAA8ChC,QAAQ,CAAC,IAAD,CAAtD;AAAA;AAAA,MAAO4D,eAAP;AAAA,MAAwBC,kBAAxB;;AACA,MAAMC,UAAU,GAAG/D,MAAM,CAAC,IAAD,CAAzB;AACA,MAAMgE,SAAS,GAAGrD,UAAU,CAACmD,kBAAD,EAAqBrC,GAArB,CAA5B;AAEA,MAAMwC,UAAU,GAAGlE,OAAO,CACxB;AAAA,WAAO;AACLmE,MAAAA,OAAO,EAAEL,eADJ;AAELlC,MAAAA,EAAE,EAAEM;AAFC,KAAP;AAAA,GADwB,EAKxB,CAACA,MAAD,EAAS4B,eAAT,CALwB,CAA1B;;AAQA,uBAAmChD,aAAa,CAACoD,UAAD,CAAhD;AAAA,MAAQE,KAAR,kBAAQA,KAAR;AAAA,MAAeC,QAAf,kBAAeA,QAAf;AAAA,MAAyBC,KAAzB,kBAAyBA,KAAzB;;AAEA,MAAMC,UAAU,GAAGrB,WAAW,IAAIsB,OAAO,CAACC,KAAK,CAACC,OAAN,CAAcjC,QAAd,IAA0BA,QAAQ,CAACkC,MAAnC,GAA4ClC,QAA7C,CAAzC;AACA,MAAMmC,QAAQ,GAAGhC,UAAU,GAAGA,UAAU,CAACV,MAAD,CAAb,GAAwB,KAAnD;AACA,MAAM2C,OAAO,GAAG/B,SAAS,GAAGA,SAAS,CAACZ,MAAD,CAAZ,GAAuB,KAAhD;AACA,MAAM4C,QAAQ,GAAGjC,UAAU,GAAGA,UAAU,CAACX,MAAD,CAAb,GAAwB,KAAnD;AACA,MAAMhB,QAAQ,GAAG6B,UAAU,GAAGA,UAAU,CAACb,MAAD,CAAb,GAAwB,KAAnD;AAEA,MAAMD,UAAU,GAAGD,cAAc,IAAI,IAAlB,GAAyBA,cAAzB,GAA0C,CAACkB,WAAD,IAAgB,CAACqB,UAA9E;AAEAxE,EAAAA,SAAS,CAAC,YAAM;AACd;AACA,QAAIyD,YAAY,IAAIC,cAAhB,IAAkCW,KAAK,KAAK,CAAC,CAAjD,EAAoD;AAClDZ,MAAAA,YAAY,CAAC;AACX5B,QAAAA,EAAE,EAAEM,MADO;AAEX6C,QAAAA,WAAW,EAAEnD,EAFF;AAGXwC,QAAAA,KAAK,EAALA,KAHW;AAIXC,QAAAA,QAAQ,EAARA,QAJW;AAKXpC,QAAAA,UAAU,EAAVA,UALW;AAMXsC,QAAAA,UAAU,EAAVA,UANW;AAOXrD,QAAAA,QAAQ,EAAEa,YAPC;AAQXS,QAAAA,OAAO,EAAPA,OARW;AASXH,QAAAA,OAAO,EAAPA;AATW,OAAD,CAAZ;AAYA,aAAO,YAAM;AACXoB,QAAAA,cAAc,CAACvB,MAAD,CAAd;AACD,OAFD;AAGD;;AAED,WAAO8C,SAAP;AACD,GArBQ,EAqBN,CACDxB,YADC,EAEDC,cAFC,EAGDY,QAHC,EAIDD,KAJC,EAKDlC,MALC,EAMDqC,UANC,EAODxC,YAPC,EAQDH,EARC,EASDK,UATC,EAUDO,OAVC,EAWDH,OAXC,CArBM,CAAT;AAmCAtC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI2D,YAAY,IAAIC,cAAhB,IAAkCvB,KAAtC,EAA6C;AAC3CsB,MAAAA,YAAY,CAACxB,MAAD,EAAS8B,UAAU,CAACiB,OAAX,CAAmBC,WAAnB,CAA+BC,SAA/B,CAAyC,CAAzC,EAA4C,CAA5C,EAA+CC,WAA/C,EAAT,CAAZ;AAEA,aAAO,YAAM;AACXzB,QAAAA,cAAc,CAACzB,MAAD,CAAd;AACD,OAFD;AAGD;;AACD,WAAO8C,SAAP;AACD,GATQ,EASN,CAACtB,YAAD,EAAeC,cAAf,EAA+BzB,MAA/B,EAAuCE,KAAvC,CATM,CAAT;AAWA,MAAIiD,YAAJ;;AACA,MAAIjC,WAAJ,EAAiB;AACfiC,IAAAA,YAAY,GAAGP,QAAf;AACD,GAFD,MAEO,IAAIA,QAAJ,EAAc;AACnB;AACJ;AACA;AACA;AACA;AACA;AACIO,IAAAA,YAAY,GAAG,IAAf;AACD;;AAED,MAAMC,WAAW,GAAGzF,WAAW,CAC7B,UAACoB,KAAD,EAAW;AACT;AACA,QAAIA,KAAK,CAACsE,MAAN,KAAiBtE,KAAK,CAACuE,aAA3B,EAA0C;AACxC,OAACvE,KAAK,CAACsE,MAAN,CAAaE,aAAb,IAA8BC,QAA/B,EACGC,cADH,CACkB3C,MADlB,EAEGY,KAFH,CAES;AAAEgC,QAAAA,aAAa,EAAE;AAAjB,OAFT;AAGD;;AAED,QAAMC,WAAW,GAAG,CAACtC,sBAAD,IAA2BrC,QAA/C;;AACA,QAAI,CAAC2D,OAAD,IAAY5D,KAAK,CAACuE,aAAN,KAAwBvE,KAAK,CAACsE,MAA1C,IAAoD,CAACM,WAAzD,EAAsE;AACpEjC,MAAAA,KAAK,CAAC3C,KAAD,EAAQiB,MAAR,CAAL;AACD;AACF,GAb4B,EAc7B,CAAChB,QAAD,EAAWqC,sBAAX,EAAmCK,KAAnC,EAA0CiB,OAA1C,EAAmD3C,MAAnD,EAA2Dc,MAA3D,CAd6B,CAA/B;AAiBA,MAAM8C,eAAe,GAAGjG,WAAW,CACjC,UAACoB,KAAD,EAAW;AACT,QAAI,CAACC,QAAL,EAAe;AACb,UAAI2C,YAAY,IAAI,CAACgB,OAArB,EAA8B;AAC5BjB,QAAAA,KAAK,CAAC3C,KAAD,EAAQiB,MAAR,CAAL;AACD;;AAED,UAAM6D,QAAQ,GAAG3C,WAAW,KAAKnC,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAA9C,CAA5B,CALa,CAOb;;AACA,UAAIkD,UAAU,IAAI,EAAEwB,QAAQ,IAAInD,UAAU,CAACV,MAAD,CAAxB,CAAlB,EAAqD;AACnDiB,QAAAA,eAAe,CAAClC,KAAD,EAAQiB,MAAR,CAAf;AACD;AACF;AACF,GAdgC,EAejC,CACEhB,QADF,EAEEqD,UAFF,EAGEX,KAHF,EAIEiB,OAJF,EAKEjC,UALF,EAMEQ,WANF,EAOElB,MAPF,EAQEiB,eARF,EASEU,YATF,CAfiC,CAAnC;AA4BA,MAAMmC,eAAe,GAAGnG,WAAW,CACjC,UAACoB,KAAD,EAAW;AACT,QAAIgB,UAAU,IAAI,CAACf,QAAnB,EAA6B;AAC3B,UAAI2C,YAAY,IAAI,CAACgB,OAArB,EAA8B;AAC5BjB,QAAAA,KAAK,CAAC3C,KAAD,EAAQiB,MAAR,CAAL;AACD;;AAED,UAAM6D,QAAQ,GAAG3C,WAAW,KAAKnC,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAA9C,CAA5B;;AAEA,UAAI0E,QAAJ,EAAc;AACZ,YAAI9E,KAAK,CAACE,QAAV,EAAoB;AAClBmC,UAAAA,WAAW,CAACrC,KAAD,EAAQ;AAAEgF,YAAAA,GAAG,EAAE/D;AAAP,WAAR,CAAX;AACD,SAFD,MAEO;AACLmB,UAAAA,UAAU,CAACpC,KAAD,EAAQiB,MAAR,EAAgB,IAAhB,CAAV;AACD;AACF,OAND,MAMO;AACLmB,QAAAA,UAAU,CAACpC,KAAD,EAAQiB,MAAR,CAAV;AACD;AACF;AACF,GAnBgC,EAoBjC,CACEhB,QADF,EAEE0C,KAFF,EAGEiB,OAHF,EAIEzB,WAJF,EAKElB,MALF,EAMEmB,UANF,EAOEC,WAPF,EAQErB,UARF,EASE4B,YATF,CApBiC,CAAnC;AAiCA,MAAMqC,eAAe,GAAGrG,WAAW,CACjC,UAACoB,KAAD,EAAW;AACTD,IAAAA,gBAAgB,CAACC,KAAD,EAAQC,QAAR,CAAhB;;AAEA,QAAIqB,WAAJ,EAAiB;AACfA,MAAAA,WAAW,CAACtB,KAAD,CAAX;AACD;AACF,GAPgC,EAQjC,CAACC,QAAD,EAAWqB,WAAX,CARiC,CAAnC;AAWA,MAAM4D,WAAW,GAAGtG,WAAW,CAC7B,UAACoB,KAAD,EAAW;AACT,QAAI,CAACC,QAAL,EAAe;AACb,UAAIqD,UAAJ,EAAgB;AACduB,QAAAA,eAAe,CAAC7E,KAAD,CAAf;AACD;;AAED,UAAIgB,UAAJ,EAAgB;AACd+D,QAAAA,eAAe,CAAC/E,KAAD,CAAf;AACD;AACF;;AAED,QAAIqB,OAAJ,EAAa;AACXA,MAAAA,OAAO,CAACrB,KAAD,CAAP;AACD;AACF,GAf4B,EAgB7B,CAACC,QAAD,EAAWqD,UAAX,EAAuBuB,eAAvB,EAAwCE,eAAxC,EAAyD1D,OAAzD,EAAkEL,UAAlE,CAhB6B,CAA/B;AAmBA,MAAMmE,aAAa,GAAGvG,WAAW,CAC/B,UAACoB,KAAD,EAAW;AACT,QAAIoF,cAAc,GAAG,KAArB;AACA,QAAQC,GAAR,GAAgBrF,KAAhB,CAAQqF,GAAR;;AAEA,QAAIrF,KAAK,CAACsF,MAAN,IAAgBtF,KAAK,CAACG,OAAtB,IAAiCH,KAAK,CAACI,OAAvC,IAAkDJ,KAAK,CAACuE,aAAN,KAAwBvE,KAAK,CAACsE,MAApF,EAA4F;AAC1F;AACD;;AACD,QAAIvB,UAAU,CAACiB,OAAX,KAAuBhE,KAAK,CAACuE,aAAjC,EAAgD;AAC9C,UAAIc,GAAG,KAAK,OAAR,IAAmBA,GAAG,KAAK,GAA/B,EAAoC;AAClC,YAAI/B,UAAJ,EAAgB;AACd8B,UAAAA,cAAc,GAAGP,eAAe,CAAC7E,KAAD,CAAhC;AACD;;AAED,YAAIgB,UAAJ,EAAgB;AACdoE,UAAAA,cAAc,GAAGL,eAAe,CAAC/E,KAAD,CAAhC;AACD;AACF;;AAED,UAAIoF,cAAJ,EAAoB;AAClBpF,QAAAA,KAAK,CAACK,cAAN;AACAL,QAAAA,KAAK,CAACuF,eAAN;AACD;AACF;AACF,GAxB8B,EAyB/B,CAACjC,UAAD,EAAauB,eAAb,EAA8BE,eAA9B,EAA+C/D,UAA/C,CAzB+B,CAAjC;AA4BA,MAAMwE,eAAe,GAAGzG,OAAO,CAC7B;AAAA,wBACE,oBAAC,YAAD;AACE,MAAA,EAAE,EAAEW,KAAK,CAACiB,EAAD,EAAK,QAAL,CADX;AAEE,MAAA,SAAS,EAAC,KAFZ;AAGE,MAAA,QAAQ,EAAEoC,UAHZ;AAIE,MAAA,SAAS,EAAElC,OAAO,CAAC4E,OAJrB;AAKE,MAAA,OAAO,EAAEP,WALX;AAME,MAAA,WAAW,EAAED,eANf;AAOE,MAAA,KAAK,EAAE;AACLS,QAAAA,WAAW,EAAE,CAACpC,UAAU,IAAIpC,IAAI,IAAI,IAAtB,GAA6B,CAA7B,GAAiC,EAAlC,IAAwCmC,KAAK,IAAIpB,WAAW,GAAG,EAAH,GAAQ,EAAvB;AADrD;AAPT,OAUOW,YAAY,GACb;AACE+C,MAAAA,IAAI,EAAE,QADR;AAEEC,MAAAA,QAAQ,EAAE,CAAC,CAFb;AAGErE,MAAAA,OAAO,EAAE8C;AAHX,KADa,GAMb;AACEsB,MAAAA,IAAI,EAAE,QADR;AAEEC,MAAAA,QAAQ,EAAE5E,UAAU,IAAIsC,UAAd,GAA2B,CAA3B,GAA+B,CAAC,CAF5C;AAGEuC,MAAAA,SAAS,EAAEV,aAHb;AAIE,sBAAgBnE,UAAU,IAAI6C,QAAd,GAAyB,MAAzB,GAAkCE,SAJpD;AAKE,uBAAiBT,UAAU,GAAGK,QAAH,GAAcI,SAL3C;AAME,uBAAiBT,UAAU,GAAG5D,KAAK,CAACiB,EAAD,EAAK,OAAL,CAAR,GAAwBoD;AANrD,KAhBN,GAyBGT,UAAU,KAAKK,QAAQ,gBAAG,oBAAC,QAAD,OAAH,gBAAkB,oBAAC,UAAD,OAA/B,CAzBb,EA0BGzC,IA1BH,EA2BGC,KA3BH,CADF;AAAA,GAD6B,EAgC7B,CACER,EADF,EAEEE,OAAO,CAAC4E,OAFV,EAGEP,WAHF,EAIED,eAJF,EAKE3B,UALF,EAMED,KANF,EAOEpB,WAPF,EAQEW,YARF,EASEyB,WATF,EAUEc,aAVF,EAWEnE,UAXF,EAYE6C,QAZF,EAaEF,QAbF,EAcEzC,IAdF,EAeEC,KAfF,CAhC6B,CAA/B;AAmDA,MAAM2E,gBAAgB,GAAG/G,OAAO,CAC9B;AAAA,WACEyC,QAAQ,iBACN;AACE,MAAA,EAAE,EAAE9B,KAAK,CAACiB,EAAD,EAAK,OAAL,CADX;AAEE,MAAA,SAAS,EAAEE,OAAO,CAACkF,KAFrB;AAGE,MAAA,IAAI,EAAEnD,YAAY,GAAG,OAAH,GAAamB;AAHjC,OAKGvC,QALH,CAFJ;AAAA,GAD8B,EAW9B,CAACA,QAAD,EAAWX,OAAO,CAACkF,KAAnB,EAA0BpF,EAA1B,EAA8BiC,YAA9B,CAX8B,CAAhC;AAcA,sBACE;AACE,IAAA,GAAG,EAAEI,SADP;AAEE,IAAA,EAAE,EAAErC,EAFN;AAGE,IAAA,SAAS,EAAEzB,IAAI,CAAC2B,OAAO,CAACmF,IAAT,EAAepF,SAAf,EACOX,QADP,GACZY,OAAO,CAACZ,QADI,GAKsBe,UALtB,IAKZH,OAAO,CAACG,UALI,EAOkC6C,QAPlC,GAOZhD,OAAO,CAACgD,QAPI,GAQZhD,OAAO,CAACoF,UARI,IAMZpF,OAAO,CAACqF,YANI,EAES5C,UAFT,KAEZzC,OAAO,CAACyC,UAFI,EAIqBK,QAJrB,GAIZ9C,OAAO,CAAC8C,QAJI,GAGZ9C,OAAO,CAACsF,SAHI,GASMvC,OATN,IASZ/C,OAAO,CAAC+C,OATI,CAHjB;AAcE,oBAAc1C,IAAI,IAAI,IAAR,GAAe,IAAf,GAAsB6C;AAdtC,KAeO/B,IAAI,KAAK,UAAT,IAAuB;AAC1B2D,IAAAA,IAAI,EAAE,UADoB;AAE1B,qBAAiBvB,YAFS;AAG1B,qBAAiBd,UAAU,GAAGK,QAAH,GAAcI,SAHf;AAI1B,qBAAiB9D,QAAQ,GAAG,IAAH,GAAU8D;AAJT,GAf9B,EAqBMtC,MArBN,GAuBG+D,eAvBH,eAwBE,oBAAC,kBAAD;AAAoB,IAAA,EAAE,EAAEvE,MAAxB;AAAgC,IAAA,KAAK,EAAEoC,KAAK,GAAG;AAA/C,KACGyC,gBADH,CAxBF,CADF;AA8BD,CA7WoB,CAArB;AA+WAxF,YAAY,CAAC8F,SAAb,GAAyB;AACvB;AACF;AACA;AACEzF,EAAAA,EAAE,EAAExB,SAAS,CAACkH,MAJS;;AAKvB;AACF;AACA;AACEzF,EAAAA,SAAS,EAAEzB,SAAS,CAACkH,MARE;;AASvB;AACF;AACA;AACExF,EAAAA,OAAO,EAAE1B,SAAS,CAACmH,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAE7G,SAAS,CAACkH,MAJO;;AAKvB;AACJ;AACA;AACIZ,IAAAA,OAAO,EAAEtG,SAAS,CAACkH,MARI;;AASvB;AACJ;AACA;AACIN,IAAAA,KAAK,EAAE5G,SAAS,CAACkH,MAZM;;AAavB;AACJ;AACA;AACIpG,IAAAA,QAAQ,EAAEd,SAAS,CAACkH,MAhBG;;AAiBvB;AACJ;AACA;AACI/C,IAAAA,UAAU,EAAEnE,SAAS,CAACkH,MApBC;;AAqBvB;AACJ;AACA;AACIF,IAAAA,SAAS,EAAEhH,SAAS,CAACkH,MAxBE;;AAyBvB;AACJ;AACA;AACI1C,IAAAA,QAAQ,EAAExE,SAAS,CAACkH,MA5BG;;AA6BvB;AACJ;AACA;AACIrF,IAAAA,UAAU,EAAE7B,SAAS,CAACkH,MAhCC;;AAiCvB;AACJ;AACA;AACIH,IAAAA,YAAY,EAAE/G,SAAS,CAACkH,MApCD;;AAqCvB;AACJ;AACA;AACIxC,IAAAA,QAAQ,EAAE1E,SAAS,CAACkH,MAxCG;;AAyCvB;AACJ;AACA;AACIJ,IAAAA,UAAU,EAAE9G,SAAS,CAACkH,MA5CC;;AA6CvB;AACJ;AACA;AACIzC,IAAAA,OAAO,EAAEzE,SAAS,CAACkH;AAhDI,GAAhB,EAiDNE,UA7DoB;;AA8DvB;AACF;AACA;AACEtG,EAAAA,QAAQ,EAAEd,SAAS,CAACqH,IAjEG;;AAkEvB;AACF;AACA;AACExF,EAAAA,UAAU,EAAE7B,SAAS,CAACqH,IArEC;;AAsEvB;AACF;AACA;AACEvF,EAAAA,MAAM,EAAE9B,SAAS,CAACkH,MAAV,CAAiBE,UAzEF;;AA0EvB;AACF;AACA;AACErF,EAAAA,IAAI,EAAE/B,SAAS,CAAC6G,IA7EO;;AA8EvB;AACF;AACA;AACE7E,EAAAA,KAAK,EAAEhC,SAAS,CAAC6G,IAAV,CAAeO,UAjFC;;AAkFvB;AACF;AACA;AACE;AACAnF,EAAAA,OAAO,EAAEjC,SAAS,CAACsH,GAtFI;;AAuFvB;AACF;AACA;AACEpF,EAAAA,OAAO,EAAElC,SAAS,CAACuH,IA1FI;;AA2FvB;AACF;AACA;AACEpF,EAAAA,WAAW,EAAEnC,SAAS,CAACuH,IA9FA;;AA+FvB;AACF;AACA;AACEnF,EAAAA,OAAO,EAAEpC,SAAS,CAACuH,IAlGI;;AAmGvB;AACF;AACA;AACElF,EAAAA,QAAQ,EAAErC,SAAS,CAAC6G;AAtGG,CAAzB;AAyGA,eAAe5G,UAAU,CAACU,MAAD,EAAS;AAChC6G,EAAAA,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZrG,YAFY,CAAf","sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n  const {\n    id: idProp,\n    className,\n    classes,\n\n    disabled: disabledProp = false,\n\n    selectable: selectableProp,\n\n    nodeId,\n    icon = null,\n    label,\n    payload,\n\n    onClick,\n    onMouseDown,\n    onFocus,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n  const {\n    treeId,\n    mode,\n    collapsible,\n    toggleExpansion,\n    multiSelect,\n    selectNode,\n    selectRange,\n    disabledItemsFocusable,\n    registerNode,\n    unregisterNode,\n    mapFirstChar,\n    unMapFirstChar,\n    focus,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  let id = null;\n\n  if (idProp != null) {\n    id = idProp;\n  } else if (treeId && nodeId) {\n    id = `${treeId}-${nodeId}`;\n  }\n\n  const [treeitemElement, setTreeitemElement] = useState(null);\n  const contentRef = useRef(null);\n  const handleRef = useForkRef(setTreeitemElement, ref);\n\n  const descendant = useMemo(\n    () => ({\n      element: treeitemElement,\n      id: nodeId,\n    }),\n    [nodeId, treeitemElement]\n  );\n\n  const { index, parentId, level } = useDescendant(descendant);\n\n  const expandable = collapsible && Boolean(Array.isArray(children) ? children.length : children);\n  const expanded = isExpanded ? isExpanded(nodeId) : false;\n  const focused = isFocused ? isFocused(nodeId) : false;\n  const selected = isSelected ? isSelected(nodeId) : false;\n  const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n  const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n  useEffect(() => {\n    // On the first render a node's index will be -1. We want to wait for the real index.\n    if (registerNode && unregisterNode && index !== -1) {\n      registerNode({\n        id: nodeId,\n        idAttribute: id,\n        index,\n        parentId,\n        selectable,\n        expandable,\n        disabled: disabledProp,\n        onFocus,\n        payload,\n      });\n\n      return () => {\n        unregisterNode(nodeId);\n      };\n    }\n\n    return undefined;\n  }, [\n    registerNode,\n    unregisterNode,\n    parentId,\n    index,\n    nodeId,\n    expandable,\n    disabledProp,\n    id,\n    selectable,\n    onFocus,\n    payload,\n  ]);\n\n  useEffect(() => {\n    if (mapFirstChar && unMapFirstChar && label) {\n      mapFirstChar(nodeId, contentRef.current.textContent.substring(0, 1).toLowerCase());\n\n      return () => {\n        unMapFirstChar(nodeId);\n      };\n    }\n    return undefined;\n  }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n  let ariaSelected;\n  if (multiSelect) {\n    ariaSelected = selected;\n  } else if (selected) {\n    /* single-selection trees unset aria-selected on un-selected items.\n     *\n     * If the tree does not support multiple selection, aria-selected\n     * is set to true for the selected node and it is not present on any other node in the tree.\n     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n     */\n    ariaSelected = true;\n  }\n\n  const handleFocus = useCallback(\n    (event) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        (event.target.ownerDocument || document)\n          .getElementById(treeId)\n          .focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      if (!focused && event.currentTarget === event.target && !unfocusable) {\n        focus(event, nodeId);\n      }\n    },\n    [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n  );\n\n  const handleExpansion = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        // If already expanded and trying to toggle selection don't close\n        if (expandable && !(multiple && isExpanded(nodeId))) {\n          toggleExpansion(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      expandable,\n      focus,\n      focused,\n      isExpanded,\n      multiSelect,\n      nodeId,\n      toggleExpansion,\n      treeviewMode,\n    ]\n  );\n\n  const handleSelection = useCallback(\n    (event) => {\n      if (selectable && !disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        if (multiple) {\n          if (event.shiftKey) {\n            selectRange(event, { end: nodeId });\n          } else {\n            selectNode(event, nodeId, true);\n          }\n        } else {\n          selectNode(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      focus,\n      focused,\n      multiSelect,\n      nodeId,\n      selectNode,\n      selectRange,\n      selectable,\n      treeviewMode,\n    ]\n  );\n\n  const handleMouseDown = useCallback(\n    (event) => {\n      preventSelection(event, disabled);\n\n      if (onMouseDown) {\n        onMouseDown(event);\n      }\n    },\n    [disabled, onMouseDown]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (expandable) {\n          handleExpansion(event);\n        }\n\n        if (selectable) {\n          handleSelection(event);\n        }\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      if (contentRef.current === event.currentTarget) {\n        if (key === \"Enter\" || key === \" \") {\n          if (expandable) {\n            isEventHandled = handleExpansion(event);\n          }\n\n          if (selectable) {\n            isEventHandled = handleSelection(event);\n          }\n        }\n\n        if (isEventHandled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    },\n    [expandable, handleExpansion, handleSelection, selectable]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component=\"div\"\n        innerRef={contentRef}\n        className={classes.content}\n        onClick={handleClick}\n        onMouseDown={handleMouseDown}\n        style={{\n          paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n        }}\n        {...(treeviewMode\n          ? {\n              role: \"button\",\n              tabIndex: -1,\n              onFocus: handleFocus,\n            }\n          : {\n              role: \"button\",\n              tabIndex: selectable || expandable ? 0 : -1,\n              onKeyDown: handleKeyDown,\n              \"aria-current\": selectable && selected ? \"page\" : undefined,\n              \"aria-expanded\": expandable ? expanded : undefined,\n              \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n            })}\n      >\n        {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        {icon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      id,\n      classes.content,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      handleKeyDown,\n      selectable,\n      selected,\n      expanded,\n      icon,\n      label,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul\n          id={setId(id, \"group\")}\n          className={classes.group}\n          role={treeviewMode ? \"group\" : undefined}\n        >\n          {children}\n        </ul>\n      ),\n    [children, classes.group, id, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={handleRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.expandable]: expandable,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n        [classes.focused]: focused,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": ariaSelected,\n        \"aria-expanded\": expandable ? expanded : undefined,\n        \"aria-disabled\": disabled ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      <DescendantProvider id={nodeId} level={level + 1}>\n        {renderedChildren}\n      </DescendantProvider>\n    </li>\n  );\n});\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is expandable.\n     */\n    expandable: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when item is focused.\n     */\n    focused: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"file":"TreeViewItem.js"}

package/dist/legacy/VerticalNavigation/TreeView/descendants.js

@@ -0,0 +1,240 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["element"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.splice.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.array.filter.js";
+
+/**
+ * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js
+ * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md
+ *
+ * - Added level (depth) property.
+ * - Use local copy of useEnhancedEffect.
+ */
+import * as React from "react";
+import PropTypes from "prop-types";
+import { useEnhancedEffect } from "../../utils"; // To replace with .findIndex() once we stop IE11 support.
+
+function findIndex(array, comp) {
+  for (var i = 0; i < array.length; i += 1) {
+    if (comp(array[i])) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+function binaryFindElement(array, element) {
+  var start = 0;
+  var end = array.length - 1;
+
+  while (start <= end) {
+    var middle = Math.floor((start + end) / 2);
+
+    if (array[middle].element === element) {
+      return middle;
+    } // eslint-disable-next-line no-bitwise
+
+
+    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {
+      end = middle - 1;
+    } else {
+      start = middle + 1;
+    }
+  }
+
+  return start;
+}
+
+var DescendantContext = /*#__PURE__*/React.createContext({
+  level: 0
+});
+
+if (process.env.NODE_ENV !== "production") {
+  DescendantContext.displayName = "DescendantContext";
+}
+
+function usePrevious(value) {
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+var noop = function noop() {};
+/**
+ * This hook registers our descendant by passing it into an array. We can then
+ * search that array by to find its index when registering it in the component.
+ * We use this for focus management, keyboard navigation, and typeahead
+ * functionality for some components.
+ *
+ * The hook accepts the element node
+ *
+ * Our main goals with this are:
+ *   1) maximum composability,
+ *   2) minimal API friction
+ *   3) SSR compatibility*
+ *   4) concurrent safe
+ *   5) index always up-to-date with the tree despite changes
+ *   6) works with memoization of any component in the tree (hopefully)
+ *
+ * * As for SSR, the good news is that we don't actually need the index on the
+ * server for most use-cases, as we are only using it to determine the order of
+ * composed descendants for keyboard navigation.
+ */
+
+
+export function useDescendant(descendant) {
+  var _React$useState = React.useState(),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      forceUpdate = _React$useState2[1];
+
+  var _React$useContext = React.useContext(DescendantContext),
+      _React$useContext$reg = _React$useContext.registerDescendant,
+      registerDescendant = _React$useContext$reg === void 0 ? noop : _React$useContext$reg,
+      _React$useContext$unr = _React$useContext.unregisterDescendant,
+      unregisterDescendant = _React$useContext$unr === void 0 ? noop : _React$useContext$unr,
+      _React$useContext$des = _React$useContext.descendants,
+      descendants = _React$useContext$des === void 0 ? [] : _React$useContext$des,
+      _React$useContext$par = _React$useContext.parentId,
+      parentId = _React$useContext$par === void 0 ? null : _React$useContext$par,
+      _React$useContext$lev = _React$useContext.level,
+      level = _React$useContext$lev === void 0 ? 0 : _React$useContext$lev; // This will initially return -1 because we haven't registered the descendant
+  // on the first render. After we register, this will then return the correct
+  // index on the following render and we will re-register descendants
+  // so that everything is up-to-date before the user interacts with a
+  // collection.
+
+
+  var index = findIndex(descendants, function (item) {
+    return item.element === descendant.element;
+  });
+  var previousDescendants = usePrevious(descendants); // We also need to re-register descendants any time ANY of the other
+  // descendants have changed. My brain was melting when I wrote this and it
+  // feels a little off, but checking in render and using the result in the
+  // effect's dependency array works well enough.
+
+  var someDescendantsHaveChanged = descendants.some(function (newDescendant, position) {
+    return previousDescendants && previousDescendants[position] && previousDescendants[position].element !== newDescendant.element;
+  }); // Prevent any flashing
+
+  useEnhancedEffect(function () {
+    if (descendant.element) {
+      registerDescendant(_objectSpread(_objectSpread({}, descendant), {}, {
+        index: index
+      }));
+      return function () {
+        unregisterDescendant(descendant.element);
+      };
+    }
+
+    forceUpdate({});
+    return undefined;
+  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
+  return {
+    parentId: parentId,
+    index: index,
+    level: level
+  };
+}
+export function DescendantProvider(props) {
+  var children = props.children,
+      id = props.id,
+      level = props.level;
+
+  var _React$useState3 = React.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      items = _React$useState4[0],
+      set = _React$useState4[1];
+
+  var registerDescendant = React.useCallback(function (_ref) {
+    var element = _ref.element,
+        other = _objectWithoutProperties(_ref, _excluded);
+
+    set(function (oldItems) {
+      var newItems;
+
+      if (oldItems.length === 0) {
+        // If there are no items, register at index 0 and bail.
+        return [_objectSpread(_objectSpread({}, other), {}, {
+          element: element,
+          index: 0
+        })];
+      }
+
+      var index = binaryFindElement(oldItems, element);
+
+      if (oldItems[index] && oldItems[index].element === element) {
+        // If the element is already registered, just use the same array
+        newItems = oldItems;
+      } else {
+        // When registering a descendant, we need to make sure we insert in
+        // into the array in the same order that it appears in the DOM. So as
+        // new descendants are added or maybe some are removed, we always know
+        // that the array is up-to-date and correct.
+        //
+        // So here we look at our registered descendants and see if the new
+        // element we are adding appears earlier than an existing descendant's
+        // DOM node via `node.compareDocumentPosition`. If it does, we insert
+        // the new element at this index. Because `registerDescendant` will be
+        // called in an effect every time the descendants state value changes,
+        // we should be sure that this index is accurate when descendent
+        // elements come or go from our component.
+        var newItem = _objectSpread(_objectSpread({}, other), {}, {
+          element: element,
+          index: index
+        }); // If an index is not found we will push the element to the end.
+
+
+        newItems = oldItems.slice();
+        newItems.splice(index, 0, newItem);
+      }
+
+      newItems.forEach(function (item, position) {
+        // eslint-disable-next-line no-param-reassign
+        item.index = position;
+      });
+      return newItems;
+    });
+  }, []);
+  var unregisterDescendant = React.useCallback(function (element) {
+    set(function (oldItems) {
+      return oldItems.filter(function (item) {
+        return element !== item.element;
+      });
+    });
+  }, []);
+  var value = React.useMemo(function () {
+    return {
+      descendants: items,
+      registerDescendant: registerDescendant,
+      unregisterDescendant: unregisterDescendant,
+      parentId: id,
+      level: level
+    };
+  }, [items, registerDescendant, unregisterDescendant, id, level]);
+  return /*#__PURE__*/React.createElement(DescendantContext.Provider, {
+    value: value
+  }, children);
+}
+DescendantProvider.propTypes = {
+  children: PropTypes.node,
+  id: PropTypes.string,
+  level: PropTypes.number
+};
+//# sourceMappingURL=descendants.js.map

package/dist/legacy/VerticalNavigation/TreeView/descendants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/descendants.js"],"names":["React","PropTypes","useEnhancedEffect","findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","createContext","level","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","useState","forceUpdate","useContext","registerDescendant","unregisterDescendant","descendants","parentId","index","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","propTypes","node","string","number"],"mappings":"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","sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport * as React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useEnhancedEffect } from \"../../utils\";\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex(array, comp) {\n  for (let i = 0; i < array.length; i += 1) {\n    if (comp(array[i])) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction binaryFindElement(array, element) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    // eslint-disable-next-line no-bitwise\n    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = React.createContext({ level: 0 });\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = React.useRef(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant) {\n  const [, forceUpdate] = React.useState();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\n  } = React.useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = findIndex(descendants, (item) => item.element === descendant.element);\n\n  const previousDescendants = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {\n    return (\n      previousDescendants &&\n      previousDescendants[position] &&\n      previousDescendants[position].element !== newDescendant.element\n    );\n  });\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);\n\n  return { parentId, index, level };\n}\n\nexport function DescendantProvider(props) {\n  const { children, id, level } = props;\n\n  const [items, set] = React.useState([]);\n\n  const registerDescendant = React.useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\n      if (oldItems.length === 0) {\n        // If there are no items, register at index 0 and bail.\n        return [\n          {\n            ...other,\n            element,\n            index: 0,\n          },\n        ];\n      }\n\n      const index = binaryFindElement(oldItems, element);\n\n      if (oldItems[index] && oldItems[index].element === element) {\n        // If the element is already registered, just use the same array\n        newItems = oldItems;\n      } else {\n        // When registering a descendant, we need to make sure we insert in\n        // into the array in the same order that it appears in the DOM. So as\n        // new descendants are added or maybe some are removed, we always know\n        // that the array is up-to-date and correct.\n        //\n        // So here we look at our registered descendants and see if the new\n        // element we are adding appears earlier than an existing descendant's\n        // DOM node via `node.compareDocumentPosition`. If it does, we insert\n        // the new element at this index. Because `registerDescendant` will be\n        // called in an effect every time the descendants state value changes,\n        // we should be sure that this index is accurate when descendent\n        // elements come or go from our component.\n\n        const newItem = {\n          ...other,\n          element,\n          index,\n        };\n\n        // If an index is not found we will push the element to the end.\n        newItems = oldItems.slice();\n        newItems.splice(index, 0, newItem);\n      }\n      newItems.forEach((item, position) => {\n        // eslint-disable-next-line no-param-reassign\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = React.useCallback((element) => {\n    set((oldItems) => oldItems.filter((item) => element !== item.element));\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return <DescendantContext.Provider value={value}>{children}</DescendantContext.Provider>;\n}\n\nDescendantProvider.propTypes = {\n  children: PropTypes.node,\n  id: PropTypes.string,\n  level: PropTypes.number,\n};\n"],"file":"descendants.js"}

package/dist/legacy/VerticalNavigation/TreeView/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./TreeView";
+export * from "./TreeView";
+
+export { default as TreeViewItem } from "./TreeViewItem";
+export * from "./TreeViewItem";

package/dist/legacy/VerticalNavigation/TreeView/index.js

@@ -0,0 +1,3 @@
+export { default } from "./TreeView";
+export { default as TreeViewItem } from "./TreeViewItem";
+//# sourceMappingURL=index.js.map

package/dist/legacy/VerticalNavigation/TreeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/index.js"],"names":["default","TreeViewItem"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AACA,SAASA,OAAO,IAAIC,YAApB,QAAwC,gBAAxC","sourcesContent":["export { default } from \"./TreeView\";\nexport { default as TreeViewItem } from \"./TreeViewItem\";\n"],"file":"index.js"}

package/dist/legacy/VerticalNavigation/TreeView/styles.js

@@ -0,0 +1,131 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+var selected = function selected(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo3,
+    borderLeft: "2px solid ".concat(theme.hv.palette.accent.acce3),
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo3
+    }
+  };
+};
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo3,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo3
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    /* role="tree" root element */
+    root: {
+      display: "block",
+      background: theme.hv.palette.atmosphere.atmo1,
+      padding: "0px",
+      margin: "0",
+      listStyle: "none",
+      outline: "none"
+    },
+
+    /* role="group" element */
+    group: {
+      margin: "8px 0 0 0",
+      padding: 0
+    },
+
+    /* role="treeitem" element */
+    node: {
+      listStyle: "none",
+      minHeight: "32px",
+      "&:not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+
+    /* role="treeitem" element states */
+    disabled: {},
+    selectable: {},
+    unselectable: {},
+    expandable: {},
+    collapsed: {
+      "&>$group": {
+        display: "none"
+      }
+    },
+    expanded: {
+      "&>$group": {
+        display: "block"
+      }
+    },
+    selected: {},
+    unselected: {},
+    focused: {},
+    noIcon: {},
+    withIcon: {},
+
+    /* role="button" element */
+    content: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.accent.acce1,
+      borderLeft: "2px solid transparent",
+      paddingRight: theme.hv.spacing.xs,
+      "$expandable>&": {
+        fontWeight: 600
+      },
+      // selected state
+      "$selected>&": selected(theme),
+      // hover
+      ":not($disabled):not($selected)>&:hover": hover(theme),
+      ":not($disabled)$selected>&:hover": {},
+      // focus
+      ":not($disabled):not($selected)>&:focus-visible": hover(theme),
+      ":not($disabled):not($selected)>&.focus-visible": hover(theme),
+      "*:focus-visible $focused>&": _objectSpread({}, outlineStyles),
+      ".focus-visible $focused>&": _objectSpread({}, outlineStyles),
+      "$focused>&": _objectSpread({}, hover(theme)),
+      "&[disabled], &:active": {
+        outline: "none"
+      },
+      "&:focus": {
+        outline: "none"
+      },
+      "&:focus-visible": _objectSpread({}, outlineStyles),
+      "&.focus-visible": _objectSpread({}, outlineStyles),
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      },
+      "$disabled>&": {
+        cursor: "not-allowed",
+        "& *": {
+          cursor: "not-allowed"
+        }
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/VerticalNavigation/TreeView/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","color","acce1","paddingRight","spacing","xs","fontWeight","cursor"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AAAA,SAAY;AAC3BC,IAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADb;AAE3BC,IAAAA,UAAU,sBAAeN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,MAAjB,CAAwBC,KAAvC,CAFiB;AAG3B,WAAO;AACLP,MAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADnC;AAHoB,GAAZ;AAAA,CAAjB;;AAQA,IAAMI,KAAK,GAAG,SAARA,KAAQ,CAACT,KAAD;AAAA,SAAY;AACxBC,IAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;AAExB,WAAO;AACLJ,MAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADnC;AAFiB,GAAZ;AAAA,CAAd;;AAOA,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACV,KAAD;AAAA,SAAY;AACzB;AACAW,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,OADL;AAEJX,MAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BS,KAFpC;AAGJC,MAAAA,OAAO,OAHH;AAIJC,MAAAA,MAAM,EAAE,GAJJ;AAKJC,MAAAA,SAAS,EAAE,MALP;AAOJC,MAAAA,OAAO,EAAE;AAPL,KAFmB;;AAYzB;AACAC,IAAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,WADH;AAELD,MAAAA,OAAO,EAAE;AAFJ,KAbkB;;AAkBzB;AACAK,IAAAA,IAAI,EAAE;AACJH,MAAAA,SAAS,EAAE,MADP;AAEJI,MAAAA,SAAS,EAAE,MAFP;AAGJ,4BAAsB;AACpBC,QAAAA,YAAY,EAAE;AADM;AAHlB,KAnBmB;;AA2BzB;AACAC,IAAAA,QAAQ,EAAE,EA5Be;AA6BzBC,IAAAA,UAAU,EAAE,EA7Ba;AA8BzBC,IAAAA,YAAY,EAAE,EA9BW;AA+BzBC,IAAAA,UAAU,EAAE,EA/Ba;AAgCzBC,IAAAA,SAAS,EAAE;AACT,kBAAY;AAAEd,QAAAA,OAAO,EAAE;AAAX;AADH,KAhCc;AAmCzBe,IAAAA,QAAQ,EAAE;AACR,kBAAY;AAAEf,QAAAA,OAAO,EAAE;AAAX;AADJ,KAnCe;AAsCzBb,IAAAA,QAAQ,EAAE,EAtCe;AAuCzB6B,IAAAA,UAAU,EAAE,EAvCa;AAyCzBC,IAAAA,OAAO,EAAE,EAzCgB;AA2CzBC,IAAAA,MAAM,EAAE,EA3CiB;AA4CzBC,IAAAA,QAAQ,EAAE,EA5Ce;;AA8CzB;AACAC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,MADA;AAEPrB,MAAAA,OAAO,EAAE,MAFF;AAGPsB,MAAAA,cAAc,EAAE,YAHT;AAIPC,MAAAA,UAAU,EAAE,QAJL;AAKPC,MAAAA,MAAM,EAAE,MALD;AAMPC,MAAAA,KAAK,EAAErC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,MAAjB,CAAwB+B,KANxB;AAOPhC,MAAAA,UAAU,yBAPH;AAQPiC,MAAAA,YAAY,EAAEvC,KAAK,CAACE,EAAN,CAASsC,OAAT,CAAiBC,EARxB;AAUP,uBAAiB;AACfC,QAAAA,UAAU,EAAE;AADG,OAVV;AAcP;AACA,qBAAe3C,QAAQ,CAACC,KAAD,CAfhB;AAiBP;AACA,gDAA0CS,KAAK,CAACT,KAAD,CAlBxC;AAmBP,0CAAoC,EAnB7B;AAqBP;AACA,wDAAkDS,KAAK,CAACT,KAAD,CAtBhD;AAuBP,wDAAkDS,KAAK,CAACT,KAAD,CAvBhD;AAyBP,sDACKF,aADL,CAzBO;AA6BP,qDACKA,aADL,CA7BO;AAiCP,sCACKW,KAAK,CAACT,KAAD,CADV,CAjCO;AAqCP,+BAAyB;AACvBiB,QAAAA,OAAO,EAAE;AADc,OArClB;AAyCP,iBAAW;AACTA,QAAAA,OAAO,EAAE;AADA,OAzCJ;AA6CP,2CACKnB,aADL,CA7CO;AAiDP,2CACKA,aADL,CAjDO;AAqDP;AACA6C,MAAAA,MAAM,EAAE,SAtDD;AAuDP,aAAO;AACLA,QAAAA,MAAM,EAAE;AADH,OAvDA;AA0DP,qBAAe;AACbA,QAAAA,MAAM,EAAE,aADK;AAEb,eAAO;AACLA,UAAAA,MAAM,EAAE;AADH;AAFM;AA1DR;AA/CgB,GAAZ;AAAA,CAAf;;AAkHA,eAAejC,MAAf","sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  /* role=\"tree\" root element */\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: `0px`,\n    margin: \"0\",\n    listStyle: \"none\",\n\n    outline: \"none\",\n  },\n\n  /* role=\"group\" element */\n  group: {\n    margin: \"8px 0 0 0\",\n    padding: 0,\n  },\n\n  /* role=\"treeitem\" element */\n  node: {\n    listStyle: \"none\",\n    minHeight: \"32px\",\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  expandable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n\n  focused: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  /* role=\"button\" element */\n  content: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.accent.acce1,\n    borderLeft: `2px solid transparent`,\n    paddingRight: theme.hv.spacing.xs,\n\n    \"$expandable>&\": {\n      fontWeight: 600,\n    },\n\n    // selected state\n    \"$selected>&\": selected(theme),\n\n    // hover\n    \":not($disabled):not($selected)>&:hover\": hover(theme),\n    \":not($disabled)$selected>&:hover\": {},\n\n    // focus\n    \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n    \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n    \"*:focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \".focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \"$focused>&\": {\n      ...hover(theme),\n    },\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n    \"$disabled>&\": {\n      cursor: \"not-allowed\",\n      \"& *\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js

@@ -0,0 +1,81 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+
+var NodeTreeExpandUtils = /*#__PURE__*/function () {
+  function NodeTreeExpandUtils() {
+    _classCallCheck(this, NodeTreeExpandUtils);
+  }
+
+  _createClass(NodeTreeExpandUtils, null, [{
+    key: "isExpanded",
+    value: function isExpanded(expanded, nodeId) {
+      return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;
+    }
+  }, {
+    key: "toggle",
+    value: function toggle(expanded, nodeId) {
+      var newExpanded;
+
+      if (expanded.indexOf(nodeId) !== -1) {
+        newExpanded = expanded.filter(function (expandedNodeId) {
+          return expandedNodeId !== nodeId;
+        });
+      } else {
+        newExpanded = [].concat(_toConsumableArray(expanded), [nodeId]);
+      }
+
+      return newExpanded;
+    }
+  }, {
+    key: "expandAllSiblings",
+    value: function expandAllSiblings(expanded, nodeMap, nodeId) {
+      var node = nodeMap[nodeId];
+      var parent = nodeMap[node.parent];
+      var diff = parent.children.filter(function (childNode) {
+        return nodeMap[childNode].children != null;
+      }).filter(function (childNode) {
+        return !NodeTreeExpandUtils.isExpanded(expanded, childNode);
+      });
+
+      if (diff.length > 0) {
+        return [].concat(_toConsumableArray(expanded), _toConsumableArray(diff));
+      }
+
+      return expanded;
+    }
+  }, {
+    key: "getVisibleNodes",
+    value: function getVisibleNodes(expanded, nodeMap) {
+      var nodeId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      var toReturn = [];
+
+      if (nodeId !== -1) {
+        toReturn.push(nodeId);
+      }
+
+      var visibleChildren = nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);
+
+      if (visibleChildren) {
+        var node = nodeMap[nodeId];
+
+        if (node && node.children) {
+          node.children.forEach(function (childId) {
+            return toReturn.push.apply(toReturn, _toConsumableArray(NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId)));
+          });
+        }
+      }
+
+      return toReturn;
+    }
+  }]);
+
+  return NodeTreeExpandUtils;
+}();
+
+export { NodeTreeExpandUtils as default };
+//# sourceMappingURL=NodeTreeExpandUtils.js.map

package/dist/legacy/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js"],"names":["NodeTreeExpandUtils","expanded","nodeId","Array","isArray","indexOf","newExpanded","filter","expandedNodeId","nodeMap","node","parent","diff","children","childNode","isExpanded","length","toReturn","push","visibleChildren","forEach","childId","getVisibleNodes"],"mappings":";;;;;;;;IAAqBA,mB;;;;;;;WACnB,oBAAkBC,QAAlB,EAA4BC,MAA5B,EAAoC;AAClC,aAAOC,KAAK,CAACC,OAAN,CAAcH,QAAd,IAA0BA,QAAQ,CAACI,OAAT,CAAiBH,MAAjB,MAA6B,CAAC,CAAxD,GAA4D,KAAnE;AACD;;;WAED,gBAAcD,QAAd,EAAwBC,MAAxB,EAAgC;AAC9B,UAAII,WAAJ;;AACA,UAAIL,QAAQ,CAACI,OAAT,CAAiBH,MAAjB,MAA6B,CAAC,CAAlC,EAAqC;AACnCI,QAAAA,WAAW,GAAGL,QAAQ,CAACM,MAAT,CAAgB,UAACC,cAAD;AAAA,iBAAoBA,cAAc,KAAKN,MAAvC;AAAA,SAAhB,CAAd;AACD,OAFD,MAEO;AACLI,QAAAA,WAAW,gCAAOL,QAAP,IAAiBC,MAAjB,EAAX;AACD;;AAED,aAAOI,WAAP;AACD;;;WAED,2BAAyBL,QAAzB,EAAmCQ,OAAnC,EAA4CP,MAA5C,EAAoD;AAClD,UAAMQ,IAAI,GAAGD,OAAO,CAACP,MAAD,CAApB;AACA,UAAMS,MAAM,GAAGF,OAAO,CAACC,IAAI,CAACC,MAAN,CAAtB;AAEA,UAAMC,IAAI,GAAGD,MAAM,CAACE,QAAP,CACVN,MADU,CACH,UAACO,SAAD;AAAA,eAAeL,OAAO,CAACK,SAAD,CAAP,CAAmBD,QAAnB,IAA+B,IAA9C;AAAA,OADG,EAEVN,MAFU,CAEH,UAACO,SAAD;AAAA,eAAe,CAACd,mBAAmB,CAACe,UAApB,CAA+Bd,QAA/B,EAAyCa,SAAzC,CAAhB;AAAA,OAFG,CAAb;;AAIA,UAAIF,IAAI,CAACI,MAAL,GAAc,CAAlB,EAAqB;AACnB,4CAAWf,QAAX,sBAAwBW,IAAxB;AACD;;AAED,aAAOX,QAAP;AACD;;;WAED,yBAAuBA,QAAvB,EAAiCQ,OAAjC,EAAuD;AAAA,UAAbP,MAAa,uEAAJ,CAAC,CAAG;AACrD,UAAMe,QAAQ,GAAG,EAAjB;;AACA,UAAIf,MAAM,KAAK,CAAC,CAAhB,EAAmB;AACjBe,QAAAA,QAAQ,CAACC,IAAT,CAAchB,MAAd;AACD;;AAED,UAAMiB,eAAe,GACnBjB,MAAM,KAAK,CAAC,CAAZ,IAAiBD,QAAQ,KAAK,IAA9B,IAAsCD,mBAAmB,CAACe,UAApB,CAA+Bd,QAA/B,EAAyCC,MAAzC,CADxC;;AAGA,UAAIiB,eAAJ,EAAqB;AACnB,YAAMT,IAAI,GAAGD,OAAO,CAACP,MAAD,CAApB;;AAEA,YAAIQ,IAAI,IAAIA,IAAI,CAACG,QAAjB,EAA2B;AACzBH,UAAAA,IAAI,CAACG,QAAL,CAAcO,OAAd,CAAsB,UAACC,OAAD;AAAA,mBACpBJ,QAAQ,CAACC,IAAT,OAAAD,QAAQ,qBAASjB,mBAAmB,CAACsB,eAApB,CAAoCrB,QAApC,EAA8CQ,OAA9C,EAAuDY,OAAvD,CAAT,EADY;AAAA,WAAtB;AAGD;AACF;;AAED,aAAOJ,QAAP;AACD;;;;;;SAnDkBjB,mB","sourcesContent":["export default class NodeTreeExpandUtils {\n  static isExpanded(expanded, nodeId) {\n    return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;\n  }\n\n  static toggle(expanded, nodeId) {\n    let newExpanded;\n    if (expanded.indexOf(nodeId) !== -1) {\n      newExpanded = expanded.filter((expandedNodeId) => expandedNodeId !== nodeId);\n    } else {\n      newExpanded = [...expanded, nodeId];\n    }\n\n    return newExpanded;\n  }\n\n  static expandAllSiblings(expanded, nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    const diff = parent.children\n      .filter((childNode) => nodeMap[childNode].children != null)\n      .filter((childNode) => !NodeTreeExpandUtils.isExpanded(expanded, childNode));\n\n    if (diff.length > 0) {\n      return [...expanded, ...diff];\n    }\n\n    return expanded;\n  }\n\n  static getVisibleNodes(expanded, nodeMap, nodeId = -1) {\n    const toReturn = [];\n    if (nodeId !== -1) {\n      toReturn.push(nodeId);\n    }\n\n    const visibleChildren =\n      nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);\n\n    if (visibleChildren) {\n      const node = nodeMap[nodeId];\n\n      if (node && node.children) {\n        node.children.forEach((childId) =>\n          toReturn.push(...NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId))\n        );\n      }\n    }\n\n    return toReturn;\n  }\n}\n"],"file":"NodeTreeExpandUtils.js"}