@hitachivantara/uikit-react-core 3.55.2 → 3.56.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +57 -0
- package/dist/AssetInventory/AssetInventory.d.ts +1 -1
- package/dist/AssetInventory/AssetInventory.js +17 -10
- package/dist/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/AssetInventory/CardView/CardView.js +2 -1
- package/dist/AssetInventory/CardView/CardView.js.map +1 -1
- package/dist/OverflowTooltip/OverflowTooltip.d.ts +26 -6
- package/dist/OverflowTooltip/OverflowTooltip.js +46 -9
- package/dist/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/TagsInput/TagsInput.d.ts +17 -1
- package/dist/TagsInput/TagsInput.js +34 -5
- package/dist/TagsInput/TagsInput.js.map +1 -1
- package/dist/TextArea/TextArea.js +4 -4
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/legacy/AssetInventory/AssetInventory.d.ts +1 -1
- package/dist/legacy/AssetInventory/AssetInventory.js +17 -10
- package/dist/legacy/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/legacy/AssetInventory/CardView/CardView.js +2 -1
- package/dist/legacy/AssetInventory/CardView/CardView.js.map +1 -1
- package/dist/legacy/OverflowTooltip/OverflowTooltip.d.ts +26 -6
- package/dist/legacy/OverflowTooltip/OverflowTooltip.js +30 -9
- package/dist/legacy/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/legacy/TagsInput/TagsInput.d.ts +17 -1
- package/dist/legacy/TagsInput/TagsInput.js +34 -5
- package/dist/legacy/TagsInput/TagsInput.js.map +1 -1
- package/dist/legacy/TextArea/TextArea.js +4 -4
- package/dist/legacy/TextArea/TextArea.js.map +1 -1
- package/dist/legacy/Tooltip/Tooltip.js +1 -1
- package/dist/legacy/Tooltip/Tooltip.js.map +1 -1
- package/dist/modern/AssetInventory/AssetInventory.d.ts +1 -1
- package/dist/modern/AssetInventory/AssetInventory.js +15 -9
- package/dist/modern/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/modern/AssetInventory/CardView/CardView.js +1 -1
- package/dist/modern/AssetInventory/CardView/CardView.js.map +1 -1
- package/dist/modern/OverflowTooltip/OverflowTooltip.d.ts +26 -6
- package/dist/modern/OverflowTooltip/OverflowTooltip.js +25 -9
- package/dist/modern/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/modern/TagsInput/TagsInput.d.ts +17 -1
- package/dist/modern/TagsInput/TagsInput.js +34 -5
- package/dist/modern/TagsInput/TagsInput.js.map +1 -1
- package/dist/modern/TextArea/TextArea.js +4 -4
- package/dist/modern/TextArea/TextArea.js.map +1 -1
- package/dist/modern/Tooltip/Tooltip.js +1 -1
- package/dist/modern/Tooltip/Tooltip.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/AssetInventory/AssetInventory.js"],"names":["React","useState","useEffect","useCallback","PropTypes","find","withStyles","clsx","MultiButton","Search","Sort","HvGrid","HvPagination","HvBulkActions","styles","setId","useLabels","useWidth","DEFAULT_LABELS","sortBy","inputLabel","placeholder","getPaginationData","hasPagination","paginationServerSide","values","pageSize","page","slice","HvAssetInventory","props","id","classes","className","valuesProp","selectedValues","selectedValuesProp","selectedView","selectedViewProp","children","searchString","searchStringProp","sortOptionId","labels","labelsProp","configuration","onSearch","searchProps","onSortChange","disablePortal","sortProps","pageProp","pages","pageSizeProp","pageSizeOptions","hasBulkActions","paginationProps","onPageChange","onPageSizeChange","onSelection","isSelectable","actions","maxVisibleActions","actionsCallback","FilterPlaceholder","onViewChange","multibuttonProps","emptyComponent","innerPageSize","innerPageValues","setSelectedView","setPageSize","setPage","setValues","pageValues","setPageValues","setSelectedValues","setSearchString","selectedSort","setSelectedSort","sortId","sortFunc","undefined","currentBreakpoint","length","changeView","_event","viewIndex","changePageValues","returnedPageValues","sortedValues","sort","setSearchResults","results","value","renderSearch","searchBoxContainer","metadata","onSort","renderSort","sortContainer","paginationOnPageChange","newPage","pageData","paginationOnPageSizeChange","newPageSize","renderPagination","numPages","Math","ceil","onPageChangeInternal","onPageSizeChangeInternal","root","pagination","handleSelectPage","e","checked","map","v","handleSelectAll","allSelected","innerOnSelection","onSelectionFn","event","valueId","target","list","includes","filter","item","propsFillerManager","source","propObj","Object","keys","forEach","key","fillChildProp","child","childProps","viewConfiguration","renderView","view","Array","isArray","cloneElement","showButtons","showSort","element","sortable","showSearch","searchable","showRightControls","sortJustify","justifyControls","align","rightControls","multiButtons","bulkActions","viewContainer","propTypes","string","shape","controlsContainer","search","isRequired","oneOfType","arrayOf","node","title","accessor","cellType","oneOf","bool","sortFunction","func","searchFunction","instanceOf","label","icon","disabled","number","name"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,EAAqCC,WAArC,QAAwD,OAAxD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,WAAP,MAAwB,2BAAxB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,OAAOC,MAAP,MAAmB,SAAnB;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,aAAP,MAA0B,gBAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,KAAT,EAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,UAA3C;AAEA,MAAMC,cAAc,GAAG;AACrBC,EAAAA,MAAM,EAAE,SADa;AAErBC,EAAAA,UAAU,EAAE,EAFS;AAGrBC,EAAAA,WAAW,EAAE;AAHQ,CAAvB;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,aAAD,EAAgBC,oBAAhB,EAAsCC,MAAtC,EAA8CC,QAA9C,EAAwDC,IAAxD,KACxBJ,aAAa,IAAI,CAACC,oBAAlB,GACIC,MAAM,CAACG,KAAP,CAAaF,QAAQ,GAAGC,IAAxB,EAA8BD,QAAQ,IAAIC,IAAI,GAAG,CAAX,CAAtC,CADJ,GAEIF,MAHN;AAKA;AACA;AACA;AACA;;;AACA,MAAMI,gBAAgB,GAAIC,KAAD,IAAW;AAClC,QAAM;AACJC,IAAAA,EADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,SAHI;AAIJR,IAAAA,MAAM,EAAES,UAJJ;AAKJC,IAAAA,cAAc,EAAEC,kBAAkB,GAAG,EALjC;AAMJC,IAAAA,YAAY,EAAEC,gBAAgB,GAAG,CAN7B;AAOJC,IAAAA,QAPI;AAQJC,IAAAA,YAAY,EAAEC,gBAAgB,GAAG,EAR7B;AASJC,IAAAA,YATI;AAUJC,IAAAA,MAAM,EAAEC,UAVJ;AAWJC,IAAAA,aAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,WAbI;AAcJC,IAAAA,YAdI;AAeJC,IAAAA,aAAa,GAAG,KAfZ;AAgBJC,IAAAA,SAhBI;AAiBJvB,IAAAA,IAAI,EAAEwB,QAAQ,GAAG,CAjBb;AAkBJC,IAAAA,KAAK,GAAG,CAlBJ;AAmBJ1B,IAAAA,QAAQ,EAAE2B,YAnBN;AAoBJC,IAAAA,eAAe,GAAG,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,EAAZ,EAAgB,EAAhB,EAAoB,GAApB,CApBd;AAqBJC,IAAAA,cAAc,GAAG,KArBb;AAsBJhC,IAAAA,aAAa,GAAG,KAtBZ;AAuBJC,IAAAA,oBAAoB,GAAG,KAvBnB;AAwBJgC,IAAAA,eAxBI;AAyBJC,IAAAA,YAzBI;AA0BJC,IAAAA,gBA1BI;AA2BJC,IAAAA,WA3BI;AA4BJC,IAAAA,YAAY,GAAG,KA5BX;AA6BJC,IAAAA,OA7BI;AA8BJC,IAAAA,iBAAiB,GAAG,CA9BhB;AA+BJC,IAAAA,eA/BI;AAgCJC,IAAAA,iBAhCI;AAiCJC,IAAAA,YAjCI;AAkCJC,IAAAA,gBAAgB,GAAG,EAlCf;AAmCJC,IAAAA,cAAc,GAAG;AAnCb,MAoCFrC,KApCJ;AAsCA,QAAMa,MAAM,GAAG3B,SAAS,CAACE,cAAD,EAAiB0B,UAAjB,CAAxB;AAEA,QAAMwB,aAAa,GAAGf,YAAY,IAAIC,eAAe,CAAC,CAAD,CAArD;AACA,QAAMe,eAAe,GAAG/C,iBAAiB,CACvCC,aADuC,EAEvCC,oBAFuC,EAGvCU,UAHuC,EAIvCkC,aAJuC,EAKvCjB,QALuC,CAAzC;AAQA,QAAM,CAACd,YAAD,EAAeiC,eAAf,IAAkCrE,QAAQ,CAACqC,gBAAgB,IAAI,CAArB,CAAhD;AACA,QAAM,CAACZ,QAAD,EAAW6C,WAAX,IAA0BtE,QAAQ,CAACmE,aAAD,CAAxC;AACA,QAAM,CAACzC,IAAD,EAAO6C,OAAP,IAAkBvE,QAAQ,CAACkD,QAAD,CAAhC;AACA,QAAM,CAAC1B,MAAD,EAASgD,SAAT,IAAsBxE,QAAQ,CAAC,CAAC,GAAGiC,UAAJ,CAAD,CAApC;AACA,QAAM,CAACwC,UAAD,EAAaC,aAAb,IAA8B1E,QAAQ,CAACoE,eAAD,CAA5C;AAEA,QAAM,CAAClC,cAAD,EAAiByC,iBAAjB,IAAsC3E,QAAQ,CAAC,CAAC,GAAGmC,kBAAJ,CAAD,CAApD;AACA,QAAM,CAACI,YAAD,EAAeqC,eAAf,IAAkC5E,QAAQ,CAACwC,gBAAD,CAAhD;AACA,QAAM,CAACqC,YAAD,EAAeC,eAAf,IAAkC9E,QAAQ,CAAC;AAAE+E,IAAAA,MAAM,EAAEtC,YAAV;AAAwBuC,IAAAA,QAAQ,EAAEC;AAAlC,GAAD,CAAhD;AACA,QAAMC,iBAAiB,GAAGlE,QAAQ,EAAlC;AAEAf,EAAAA,SAAS,CAAC,MAAM;AACduE,IAAAA,SAAS,CAACvC,UAAD,CAAT;AACAyC,IAAAA,aAAa,CACXrD,iBAAiB,CAACC,aAAD,EAAgBC,oBAAhB,EAAsCU,UAAtC,EAAkDkC,aAAlD,EAAiEjB,QAAjE,CADN,CAAb;AAGAqB,IAAAA,OAAO,CAACrB,QAAD,CAAP;AACD,GANQ,EAMN,CAACjB,UAAD,EAAaiB,QAAb,EAAuBiB,aAAvB,EAAsC7C,aAAtC,EAAqDC,oBAArD,CANM,CAAT;AAQAtB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAImD,YAAY,KAAK6B,SAArB,EAAgC;AAChCX,IAAAA,WAAW,CAAClB,YAAD,CAAX;AACD,GAHQ,EAGN,CAACA,YAAD,CAHM,CAAT;AAKAnD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIkC,kBAAkB,CAACgD,MAAnB,GAA4B,CAAhC,EAAmCR,iBAAiB,CAACxC,kBAAD,CAAjB;AACpC,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAlC,EAAAA,SAAS,CAAC,MAAM;AACdoE,IAAAA,eAAe,CAAChC,gBAAD,CAAf;AACD,GAFQ,EAEN,CAACA,gBAAD,CAFM,CAAT;AAIApC,EAAAA,SAAS,CAAC,MAAM;AACd6E,IAAAA,eAAe,CAAC;AAAEC,MAAAA,MAAM,EAAEtC,YAAV;AAAwBuC,MAAAA,QAAQ,EAAEC;AAAlC,KAAD,CAAf;AACD,GAFQ,EAEN,CAACxC,YAAD,CAFM,CAAT;AAIAxC,EAAAA,SAAS,CAAC,MAAM;AACd2E,IAAAA,eAAe,CAACpC,gBAAD,CAAf;AACD,GAFQ,EAEN,CAACA,gBAAD,CAFM,CAAT;;AAIA,QAAM4C,UAAU,GAAG,CAACC,MAAD,EAASC,SAAT,KAAuB;AACxCjB,IAAAA,eAAe,CAACiB,SAAD,CAAf;AACD,GAFD;;AAIA,QAAMC,gBAAgB,GAAGrF,WAAW,CACjCsF,kBAAD,IAAwB;AACtBd,IAAAA,aAAa,CACXrD,iBAAiB,CAACC,aAAD,EAAgBC,oBAAhB,EAAsCiE,kBAAtC,EAA0D/D,QAA1D,EAAoEC,IAApE,CADN,CAAb;AAGD,GALiC,EAMlC,CAACJ,aAAD,EAAgBC,oBAAhB,EAAsCE,QAAtC,EAAgDC,IAAhD,CANkC,CAApC;AASAzB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,EAAE4E,YAAY,SAAZ,IAAAA,YAAY,WAAZ,IAAAA,YAAY,CAAEE,MAAd,IAAwBF,YAAxB,aAAwBA,YAAxB,eAAwBA,YAAY,CAAEG,QAAxC,CAAJ,EAAuD;AACvD,UAAMS,YAAY,GAAG,CAAC,GAAGxD,UAAJ,EAAgByD,IAAhB,CAAqBb,YAAY,CAACG,QAAlC,CAArB;AACAR,IAAAA,SAAS,CAACiB,YAAD,CAAT;AACAF,IAAAA,gBAAgB,CAACE,YAAD,CAAhB;AACD,GALQ,EAKN,CAACZ,YAAD,EAAe5C,UAAf,EAA2BsD,gBAA3B,CALM,CAAT;;AAOA,QAAMI,gBAAgB,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AAC3CrB,IAAAA,SAAS,CAACoB,OAAD,CAAT;AACArB,IAAAA,OAAO,CAAC,CAAD,CAAP;AACAK,IAAAA,eAAe,CAACiB,KAAD,CAAf;AACAN,IAAAA,gBAAgB,CAACK,OAAD,CAAhB;AACD,GALD;AAOA;AACF;AACA;AACA;AACA;;;AACE,QAAME,YAAY,GAAG,MAAM;AACzB,UAAM;AAAE3E,MAAAA,UAAF;AAAcC,MAAAA;AAAd,QAA8BsB,MAApC;AACA,wBACE;AAAK,MAAA,SAAS,EAAEX,OAAO,CAACgE;AAAxB,oBACE,oBAAC,MAAD;AACE,MAAA,EAAE,EAAEjE,EADN;AAEE,MAAA,YAAY,EAAES,YAFhB;AAGE,MAAA,MAAM,EAAEN,UAHV;AAIE,MAAA,QAAQ,EAAEW,aAAa,CAACoD,QAJ1B;AAKE,MAAA,QAAQ,EAAEL,gBALZ;AAME,MAAA,QAAQ,EAAE9C,QANZ;AAOE,MAAA,MAAM,EAAE;AAAE1B,QAAAA,UAAF;AAAcC,QAAAA;AAAd;AAPV,OAQM0B,WARN,EADF,CADF;AAcD,GAhBD;;AAkBA,QAAMmD,MAAM,GAAG,CAACjB,QAAD,EAAWD,MAAX,KAAsB;AACnCD,IAAAA,eAAe,CAAC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAD,CAAf;AACD,GAFD;;AAIA,QAAMkB,UAAU,GAAG,MAAM;AACvB,wBACE;AAAK,MAAA,SAAS,EAAEnE,OAAO,CAACoE;AAAxB,oBACE,oBAAC,IAAD;AACE,MAAA,EAAE,EAAErE,EADN;AAEE,oBAAYY,MAAZ,aAAYA,MAAZ,uBAAYA,MAAM,CAAExB,MAFtB;AAGE,MAAA,QAAQ,EAAE0B,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAEoD,QAH3B;AAIE,MAAA,QAAQ,EAAEnB,YAAF,aAAEA,YAAF,uBAAEA,YAAY,CAAEE,MAJ1B;AAKE,MAAA,WAAW,EAAEkB,MALf;AAME,MAAA,YAAY,EAAElD,YANhB;AAOE,MAAA,aAAa,EAAEC;AAPjB,OAQMC,SARN,EADF,CADF;AAcD,GAfD;;AAiBA,QAAMmD,sBAAsB,GAAIC,OAAD,IAAa;AAC1C,UAAMC,QAAQ,GAAG9E,MAAM,CAACG,KAAP,CAAaF,QAAQ,GAAG4E,OAAxB,EAAiC5E,QAAQ,IAAI4E,OAAO,GAAG,CAAd,CAAzC,CAAjB;AAEA9B,IAAAA,OAAO,CAAC8B,OAAD,CAAP;AACA3B,IAAAA,aAAa,CAAC4B,QAAD,CAAb;AACD,GALD;;AAOA,QAAMC,0BAA0B,GAAIC,WAAD,IAAiB;AAClD,UAAMF,QAAQ,GAAG9E,MAAM,CAACG,KAAP,CAAa6E,WAAW,GAAG9E,IAA3B,EAAiC8E,WAAW,IAAI9E,IAAI,GAAG,CAAX,CAA5C,CAAjB;AAEA4C,IAAAA,WAAW,CAACkC,WAAD,CAAX;AACA9B,IAAAA,aAAa,CAAC4B,QAAD,CAAb;AACD,GALD;;AAOA,QAAMG,gBAAgB,GAAG,MAAM;AAC7B,QAAIjF,MAAM,CAAC2D,MAAP,KAAkB,CAAtB,EAAyB,OAAO,IAAP;AAEzB,UAAMuB,QAAQ,GAAGnF,oBAAoB,GAAG4B,KAAH,GAAWwD,IAAI,CAACC,IAAL,CAAUpF,MAAM,CAAC2D,MAAP,GAAgB1D,QAA1B,CAAhD;AACA,UAAMoF,oBAAoB,GAAGtF,oBAAoB,GAAGiC,YAAH,GAAkB4C,sBAAnE;AAEA,UAAMU,wBAAwB,GAAGvF,oBAAoB,GACjDkC,gBADiD,GAEjD8C,0BAFJ;AAIA,wBACE,oBAAC,YAAD;AACE,MAAA,EAAE,EAAEzF,KAAK,CAACgB,EAAD,EAAK,YAAL,CADX;AAEE,MAAA,OAAO,EAAE;AACPiF,QAAAA,IAAI,EAAEhF,OAAO,CAACiF;AADP,OAFX;AAKE,MAAA,KAAK,EAAEN,QALT;AAME,MAAA,IAAI,EAAEhF,IANR;AAOE,MAAA,WAAW,EAAEA,IAAI,GAAG,CAPtB;AAQE,MAAA,OAAO,EAAEA,IAAI,GAAGgF,QAAQ,GAAG,CAR7B;AASE,MAAA,QAAQ,EAAEjF,QATZ;AAUE,MAAA,eAAe,EAAE4B,eAVnB;AAWE,MAAA,YAAY,EAAEwD,oBAXhB;AAYE,MAAA,gBAAgB,EAAEC;AAZpB,OAaMvD,eAbN,EADF;AAiBD,GA3BD;;AA6BA,QAAM0D,gBAAgB,GAAG,CAACC,CAAD,EAAIC,OAAO,GAAG,KAAd,KAAwB;AAC/CxC,IAAAA,iBAAiB,CAACwC,OAAO,GAAG,EAAH,GAAQ1C,UAAU,CAAC2C,GAAX,CAAgBC,CAAD,IAAOA,CAAC,CAACvF,EAAxB,CAAhB,CAAjB;AACD,GAFD;;AAIA,QAAMwF,eAAe,GAAG,MAAM;AAC5B,UAAMC,WAAW,GAAGrF,cAAc,CAACiD,MAAf,KAA0B3D,MAAM,CAAC2D,MAArD;AACAR,IAAAA,iBAAiB,CAAC4C,WAAW,GAAG,EAAH,GAAQ/F,MAAM,CAAC4F,GAAP,CAAYC,CAAD,IAAOA,CAAC,CAACvF,EAApB,CAApB,CAAjB;AACD,GAHD;;AAKA,QAAM0F,gBAAgB,GAAIC,aAAD,IAAoBC,KAAD,IAAW;AACrD,UAAMC,OAAO,GAAGD,KAAK,CAACE,MAAN,CAAa/B,KAA7B;AAEA,UAAMgC,IAAI,GACPH,KAAK,CAACE,MAAN,CAAaT,OAAb,IAAwB,CAAC,GAAGjF,cAAJ,EAAoByF,OAApB,CAAzB,IACCzF,cAAc,CAAC4F,QAAf,CAAwBH,OAAxB,KAAoCzF,cAAc,CAAC6F,MAAf,CAAuBC,IAAD,IAAUA,IAAI,KAAKL,OAAzC,CADrC,IAEA,EAHF;AAKAhD,IAAAA,iBAAiB,CAACkD,IAAD,CAAjB;AACAJ,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGC,KAAH,CAAb;AACD,GAVD;;AAYA,QAAMO,kBAAkB,GAAG,CAACC,MAAD,EAASN,MAAT,EAAiBO,OAAjB,KAA6B;AACtDC,IAAAA,MAAM,CAACC,IAAP,CAAYF,OAAZ,EAAqBG,OAArB,CAA8BC,GAAD,IAAS;AACpC;AACA,UAAIL,MAAM,CAACrG,KAAP,CAAa0G,GAAb,KAAqB,IAAzB,EAA+BX,MAAM,CAACW,GAAD,CAAN,GAAcJ,OAAO,CAACI,GAAD,CAArB;AAChC,KAHD;AAID,GALD;;AAOA,QAAMC,aAAa,GAAIC,KAAD,IAAW;AAAA;;AAC/B,UAAMC,UAAU,qBACV,CAAA9F,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAE+F,iBAAf,MAAoCF,KAApC,aAAoCA,KAApC,uCAAoCA,KAAK,CAAE5G,KAA3C,iDAAoC,aAAc8G,iBAAlD,CADU,CAAhB;;AAIAV,IAAAA,kBAAkB,CAACQ,KAAD,EAAQC,UAAR,EAAoB;AACpChF,MAAAA,WAAW,EAAE8D,gBAAgB,CAAC9D,WAAD,CADO;AAEpCC,MAAAA,YAFoC;AAGpCC,MAAAA,OAHoC;AAIpCC,MAAAA,iBAJoC;AAKpCC,MAAAA;AALoC,KAApB,CAAlB;AAQA,WAAO4E,UAAP;AACD,GAdD;AAgBA;AACF;AACA;AACA;AACA;;;AACE,QAAME,UAAU,GAAG,MAAM;AACvB,UAAMC,IAAI,GAAGC,KAAK,CAACC,OAAN,CAAczG,QAAd,IAA0BA,QAAQ,CAACF,YAAD,CAAlC,GAAmDE,QAAhE;AAEA,QAAId,MAAM,CAAC2D,MAAP,KAAkB,CAAtB,EAAyB,OAAOjB,cAAP;AAEzB,wBAAOnE,KAAK,CAACiJ,YAAN,CAAmBH,IAAnB,EAAyB;AAC9BrH,MAAAA,MAAM,EAAEiD,UADsB;AAE9BvC,MAAAA,cAF8B;AAG9ByG,MAAAA,iBAAiB,EAAEH,aAAa,CAACK,IAAD;AAHF,KAAzB,CAAP;AAKD,GAVD;;AAYA,QAAMI,WAAW,GAAG3G,QAAQ,CAAC6C,MAAT,GAAkB,CAAtC;AACA,QAAM+D,QAAQ,GAAG9I,IAAI,CAACwC,aAAa,CAACoD,QAAf,EAA0BmD,OAAD,IAAaA,OAAO,CAACC,QAA9C,CAArB;AACA,QAAMC,UAAU,GAAGjJ,IAAI,CAACwC,aAAa,CAACoD,QAAf,EAA0BmD,OAAD,IAAaA,OAAO,CAACG,UAA9C,CAAvB;AACA,QAAMC,iBAAiB,GAAGN,WAAW,IAAIC,QAAzC;AAEA,QAAMM,WAAW,GAAGtE,iBAAiB,KAAK,IAAtB,GAA6B,eAA7B,GAA+C,YAAnE;AACA,QAAMuE,eAAe,GAAGP,QAAQ,GAAGM,WAAH,GAAiB,UAAjD;AACA,QAAME,KAAK,GAAG,CAACL,UAAD,GAAc,UAAd,GAA2B,eAAzC;AAEA,sBACE;AAAK,IAAA,EAAE,EAAEvH,EAAT;AAAa,IAAA,SAAS,EAAExB,IAAI,CAAC0B,SAAD,EAAYD,OAAO,CAACgF,IAApB;AAA5B,KACGhD,iBAAiB,iBAAI,oBAAC,iBAAD;AAAmB,IAAA,WAAW,EAAEwB;AAAhC,IADxB,eAEE,oBAAC,MAAD;AAAQ,IAAA,SAAS;AAAjB,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,MAAZ;AAAa,IAAA,EAAE,EAAE;AAAjB,kBACE,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,cAAc,EAAEmE;AAAlC,KACGL,UAAU,iBACT,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAE,EAAZ;AAAgB,IAAA,EAAE,EAAE,CAApB;AAAuB,IAAA,EAAE,EAAE,CAA3B;AAA8B,IAAA,EAAE,EAAE,CAAlC;AAAqC,IAAA,EAAE,EAAE,CAAzC;AAA4C,IAAA,IAAI;AAAhD,KACGvD,YAAY,EADf,CAFJ,EAMGyD,iBAAiB,iBAChB,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAE,EAAZ;AAAgB,IAAA,EAAE,EAAE,CAApB;AAAuB,IAAA,EAAE,EAAE,CAA3B;AAA8B,IAAA,EAAE,EAAE,CAAlC;AAAqC,IAAA,EAAE,EAAE,CAAzC;AAA4C,IAAA,IAAI;AAAhD,kBACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAExH,OAAO,CAAC4H,aADrB;AAEE,IAAA,cAAc,EAAEF,eAFlB;AAGE,IAAA,SAAS,MAHX;AAIE,IAAA,UAAU,EAAC,UAJb;AAKE,IAAA,OAAO,EAAE;AALX,KAOGP,QAAQ,iBACP,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAEnH,OAAO,CAACoE,aAA3B;AAA0C,IAAA,IAAI,MAA9C;AAA+C,IAAA,EAAE;AAAjD,KACGD,UAAU,EADb,CARJ,EAYG+C,WAAW,iBACV,oBAAC,MAAD;AAAQ,IAAA,IAAI;AAAZ,kBACE;AAAK,IAAA,SAAS,EAAElH,OAAO,CAAC6H;AAAxB,kBACE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAE9H,EADN;AAEE,IAAA,KAAK,EAAEmC,gBAFT;AAGE,IAAA,YAAY,EAAE7B,YAHhB;AAIE,IAAA,UAAU,EAAEgD,UAJd;AAKE,IAAA,YAAY,EAAEpB;AALhB,IADF,CADF,CAbJ,CADF,CAPJ,CADF,eAsCE,oBAAC,MAAD;AAAQ,IAAA,SAAS;AAAjB,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,MAAZ;AAAa,IAAA,EAAE,EAAE;AAAjB,KACGV,cAAc,iBACb,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE;AAAEyD,MAAAA,IAAI,EAAEhF,OAAO,CAAC8H;AAAhB,KADX;AAEE,IAAA,QAAQ,EAAErI,MAAM,CAAC2D,MAFnB;AAGE,IAAA,WAAW,EAAEjD,cAAc,CAACiD,MAH9B;AAIE,IAAA,WAAW,EAAE8B,gBAJf;AAKE,IAAA,gBAAgB,EAAEK,eALpB;AAME,IAAA,kBAAkB,MANpB;AAOE,IAAA,iBAAiB,EAAEzD;AAPrB,IAFJ,CADF,CAtCF,eAqDE,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,SAAS,EAAE9B,OAAO,CAAC+H;AAArC,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,MAAZ;AAAa,IAAA,EAAE,EAAE;AAAjB,KACGlB,UAAU,EADb,CADF,CArDF,EA0DGtH,aAAa,iBACZ,oBAAC,MAAD;AAAQ,IAAA,SAAS;AAAjB,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,MAAZ;AAAa,IAAA,EAAE,EAAE;AAAjB,KACGmF,gBAAgB,EADnB,CADF,CA3DJ,CADF,CAFF,CADF;AAyED,CA3VD;;AA6VA,wCAAA7E,gBAAgB,CAACmI,SAAjB,GAA6B;AAC3B;AACF;AACA;AACE/H,EAAAA,SAAS,EAAE7B,SAAS,CAAC6J,MAJM;;AAK3B;AACF;AACA;AACElI,EAAAA,EAAE,EAAE3B,SAAS,CAAC6J,MARa;;AAS3B;AACF;AACA;AACEjI,EAAAA,OAAO,EAAE5B,SAAS,CAAC8J,KAAV,CAAgB;AACvB;AACJ;AACA;AACIlD,IAAAA,IAAI,EAAE5G,SAAS,CAAC6J,MAJO;;AAKvB;AACJ;AACA;AACIE,IAAAA,iBAAiB,EAAE/J,SAAS,CAAC6J,MARN;;AASvB;AACJ;AACA;AACIG,IAAAA,MAAM,EAAEhK,SAAS,CAAC6J,MAZK;;AAavB;AACJ;AACA;AACIL,IAAAA,aAAa,EAAExJ,SAAS,CAAC6J,MAhBF;;AAiBvB;AACJ;AACA;AACIJ,IAAAA,YAAY,EAAEzJ,SAAS,CAAC6J,MApBD;;AAqBvB;AACJ;AACA;AACIH,IAAAA,WAAW,EAAE1J,SAAS,CAAC6J,MAxBA;;AAyBvB;AACJ;AACA;AACIF,IAAAA,aAAa,EAAE3J,SAAS,CAAC6J,MA5BF;;AA6BvB;AACJ;AACA;AACIjE,IAAAA,kBAAkB,EAAE5F,SAAS,CAAC6J,MAhCP;;AAiCvB;AACJ;AACA;AACI7D,IAAAA,aAAa,EAAEhG,SAAS,CAAC6J,MApCF;;AAqCvB;AACJ;AACA;AACIhD,IAAAA,UAAU,EAAE7G,SAAS,CAAC6J;AAxCC,GAAhB,EAyCNI,UArDwB;;AAsD3B;AACF;AACA;AACE9H,EAAAA,QAAQ,EAAEnC,SAAS,CAACkK,SAAV,CAAoB,CAAClK,SAAS,CAACmK,OAAV,CAAkBnK,SAAS,CAACoK,IAA5B,CAAD,EAAoCpK,SAAS,CAACoK,IAA9C,CAApB,EAAyEH,UAzDxD;;AA0D3B;AACF;AACA;AACE5I,EAAAA,MAAM,EAAErB,SAAS,CAACmK,OAAV,CACNnK,SAAS,CAAC8J,KAAV,CAAgB;AACdnI,IAAAA,EAAE,EAAE3B,SAAS,CAAC6J;AADA,GAAhB,CADM,EAINI,UAjEyB;;AAkE3B;AACF;AACA;AACE1H,EAAAA,MAAM,EAAEvC,SAAS,CAAC8J,KAAV,CAAgB;AACtB;AACJ;AACA;AACI/I,IAAAA,MAAM,EAAEf,SAAS,CAAC6J,MAJI;;AAKtB;AACJ;AACA;AACI7I,IAAAA,UAAU,EAAEhB,SAAS,CAAC6J,MARA;;AAStB;AACJ;AACA;AACI5I,IAAAA,WAAW,EAAEjB,SAAS,CAAC6J;AAZD,GAAhB,CArEmB;;AAmF3B;AACF;AACA;AACA;AACEpH,EAAAA,aAAa,EAAEzC,SAAS,CAAC8J,KAAV,CAAgB;AAC7BjE,IAAAA,QAAQ,EAAE7F,SAAS,CAACmK,OAAV,CACRnK,SAAS,CAAC8J,KAAV,CAAgB;AACdnI,MAAAA,EAAE,EAAE3B,SAAS,CAAC6J,MADA;AAEdQ,MAAAA,KAAK,EAAErK,SAAS,CAAC6J,MAFH;AAGdS,MAAAA,QAAQ,EAAEtK,SAAS,CAAC6J,MAHN;AAIdU,MAAAA,QAAQ,EAAEvK,SAAS,CAACwK,KAAV,CAAgB,CAAC,eAAD,EAAkB,SAAlB,EAA6B,MAA7B,EAAqC,MAArC,CAAhB,CAJI;AAKdvB,MAAAA,QAAQ,EAAEjJ,SAAS,CAACyK,IALN;AAMdC,MAAAA,YAAY,EAAE1K,SAAS,CAAC2K,IANV;AAOdxB,MAAAA,UAAU,EAAEnJ,SAAS,CAACyK,IAPR;AAQdG,MAAAA,cAAc,EAAE5K,SAAS,CAAC2K;AARZ,KAAhB,CADQ,EAWRV,UAZ2B;AAa7BzB,IAAAA,iBAAiB,EAAExI,SAAS,CAAC6K,UAAV,CAAqB5C,MAArB;AAbU,GAAhB,EAcZgC,UArGwB;;AAsG3B;AACF;AACA;AACE1G,EAAAA,WAAW,EAAEvD,SAAS,CAAC2K,IAzGI;;AA0G3B;AACF;AACA;AACElH,EAAAA,OAAO,EAAEzD,SAAS,CAACmK,OAAV,CACPnK,SAAS,CAAC8J,KAAV,CAAgB;AACdnI,IAAAA,EAAE,EAAE3B,SAAS,CAAC6J,MAAV,CAAiBI,UADP;AAEda,IAAAA,KAAK,EAAE9K,SAAS,CAAC6J,MAAV,CAAiBI,UAFV;AAGdc,IAAAA,IAAI,EAAE/K,SAAS,CAACkK,SAAV,CAAoB,CAAClK,SAAS,CAACoK,IAAX,EAAiBpK,SAAS,CAAC2K,IAA3B,CAApB,CAHQ;AAIdK,IAAAA,QAAQ,EAAEhL,SAAS,CAACyK;AAJN,GAAhB,CADO,CA7GkB;;AAqH3B;AACF;AACA;AACE9G,EAAAA,eAAe,EAAE3D,SAAS,CAAC2K,IAxHA;;AAyH3B;AACF;AACA;AACEjH,EAAAA,iBAAiB,EAAE1D,SAAS,CAACiL,MA5HF;;AA6H3B;AACF;AACA;AACErH,EAAAA,iBAAiB,EAAE5D,SAAS,CAACgJ,OAhIF;;AAiI3B;AACF;AACA;AACExF,EAAAA,YAAY,EAAExD,SAAS,CAACyK,IApIG;;AAqI3B;AACF;AACA;AACE1I,EAAAA,cAAc,EAAE/B,SAAS,CAACmK,OAAV,CAAkBnK,SAAS,CAAC6J,MAA5B,CAxIW;;AAyI3B;AACF;AACA;AACE5H,EAAAA,YAAY,EAAEjC,SAAS,CAACiL,MA5IG;;AA6I3B;AACF;AACA;AACE9H,EAAAA,cAAc,EAAEnD,SAAS,CAACyK,IAhJC;;AAiJ3B;AACF;AACA;AACEtJ,EAAAA,aAAa,EAAEnB,SAAS,CAACyK,IApJE;;AAqJ3B;AACF;AACA;AACErJ,EAAAA,oBAAoB,EAAEpB,SAAS,CAACyK,IAxJL;;AAyJ3B;AACF;AACA;AACEvH,EAAAA,eAAe,EAAElD,SAAS,CAACmK,OAAV,CAAkBnK,SAAS,CAACiL,MAA5B,CA5JU;;AA6J3B;AACF;AACA;AACE3J,EAAAA,QAAQ,EAAEtB,SAAS,CAACiL,MAhKO;;AAiK3B;AACF;AACA;AACE1J,EAAAA,IAAI,EAAEvB,SAAS,CAACiL,MApKW;;AAqK3B;AACF;AACA;AACEjI,EAAAA,KAAK,EAAEhD,SAAS,CAACiL,MAxKU;;AAyK3B;AACF;AACA;AACE5H,EAAAA,YAAY,EAAErD,SAAS,CAAC2K,IA5KG;;AA6K3B;AACF;AACA;AACErH,EAAAA,gBAAgB,EAAEtD,SAAS,CAAC2K,IAhLD;;AAiL3B;AACF;AACA;AACEjI,EAAAA,QAAQ,EAAE1C,SAAS,CAAC2K,IApLO;;AAqL3B;AACF;AACA;AACE/H,EAAAA,YAAY,EAAE5C,SAAS,CAAC2K,IAxLG;;AAyL3B;AACF;AACA;AACE9G,EAAAA,YAAY,EAAE7D,SAAS,CAAC2K,IA5LG;;AA6L3B;AACF;AACA;AACErI,EAAAA,YAAY,EAAEtC,SAAS,CAAC6J,MAhMG;;AAiM3B;AACF;AACA;AACEzH,EAAAA,YAAY,EAAEpC,SAAS,CAAC6J,MApMG;;AAqM3B;AACF;AACA;AACEhH,EAAAA,aAAa,EAAE7C,SAAS,CAACyK,IAxME;;AAyM3B;AACF;AACA;AACE9H,EAAAA,WAAW,EAAE3C,SAAS,CAAC6K,UAAV,CAAqB5C,MAArB,CA5Mc;;AA6M3B;AACF;AACA;AACA;AACEnF,EAAAA,SAAS,EAAE9C,SAAS,CAAC6K,UAAV,CAAqB5C,MAArB,CAjNgB;;AAkN3B;AACF;AACA;AACA;AACEnE,EAAAA,gBAAgB,EAAE9D,SAAS,CAACmK,OAAV,CAChBnK,SAAS,CAAC8J,KAAV,CAAgB;AACdnI,IAAAA,EAAE,EAAE3B,SAAS,CAAC6J,MADA;AAEdkB,IAAAA,IAAI,EAAE/K,SAAS,CAACoK;AAFF,GAAhB,CADgB,CAtNS;;AA4N3B;AACF;AACA;AACEhH,EAAAA,eAAe,EAAEpD,SAAS,CAAC6K,UAAV,CAAqB5C,MAArB,CA/NU;;AAgO3B;AACF;AACA;AACElE,EAAAA,cAAc,EAAE/D,SAAS,CAACoK;AAnOC,CAA7B;AAsOA,eAAelK,UAAU,CAACQ,MAAD,EAAS;AAAEwK,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAiDzJ,gBAAjD,CAAf","sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport find from \"lodash/find\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport MultiButton from \"./Multibutton/Multibutton\";\nimport Search from \"./Search/Search\";\nimport Sort from \"./Sort/Sort\";\nimport HvGrid from \"../Grid\";\nimport HvPagination from \"../Pagination\";\nimport HvBulkActions from \"../BulkActions\";\nimport styles from \"./styles\";\nimport { setId, useLabels, useWidth } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n sortBy: \"Sort by\",\n inputLabel: \"\",\n placeholder: \"Search\",\n};\n\nconst getPaginationData = (hasPagination, paginationServerSide, values, pageSize, page) =>\n hasPagination && !paginationServerSide\n ? values.slice(pageSize * page, pageSize * (page + 1))\n : values;\n\n/**\n * An Asset Inventory allows to switch between views.\n * The Sort and Filter are defined using the metadata configuration, while the remaining configuration can be ser in the AssetInventory or in the individual views.\n */\nconst HvAssetInventory = (props) => {\n const {\n id,\n classes,\n className,\n values: valuesProp,\n selectedValues: selectedValuesProp = [],\n selectedView: selectedViewProp = 0,\n children,\n searchString: searchStringProp = \"\",\n sortOptionId,\n labels: labelsProp,\n configuration,\n onSearch,\n searchProps,\n onSortChange,\n disablePortal = false,\n sortProps,\n page: pageProp = 0,\n pages = 0,\n pageSize: pageSizeProp,\n pageSizeOptions = [5, 10, 20, 25, 50, 100],\n hasBulkActions = false,\n hasPagination = false,\n paginationServerSide = false,\n paginationProps,\n onPageChange,\n onPageSizeChange,\n onSelection,\n isSelectable = false,\n actions,\n maxVisibleActions = 1,\n actionsCallback,\n FilterPlaceholder,\n onViewChange,\n multibuttonProps = [],\n emptyComponent = null,\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const innerPageSize = pageSizeProp || pageSizeOptions[0];\n const innerPageValues = getPaginationData(\n hasPagination,\n paginationServerSide,\n valuesProp,\n innerPageSize,\n pageProp\n );\n\n const [selectedView, setSelectedView] = useState(selectedViewProp || 0);\n const [pageSize, setPageSize] = useState(innerPageSize);\n const [page, setPage] = useState(pageProp);\n const [values, setValues] = useState([...valuesProp]);\n const [pageValues, setPageValues] = useState(innerPageValues);\n\n const [selectedValues, setSelectedValues] = useState([...selectedValuesProp]);\n const [searchString, setSearchString] = useState(searchStringProp);\n const [selectedSort, setSelectedSort] = useState({ sortId: sortOptionId, sortFunc: undefined });\n const currentBreakpoint = useWidth();\n\n useEffect(() => {\n setValues(valuesProp);\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, valuesProp, innerPageSize, pageProp)\n );\n setPage(pageProp);\n }, [valuesProp, pageProp, innerPageSize, hasPagination, paginationServerSide]);\n\n useEffect(() => {\n if (pageSizeProp === undefined) return;\n setPageSize(pageSizeProp);\n }, [pageSizeProp]);\n\n useEffect(() => {\n if (selectedValuesProp.length > 0) setSelectedValues(selectedValuesProp);\n }, [selectedValuesProp]);\n\n useEffect(() => {\n setSelectedView(selectedViewProp);\n }, [selectedViewProp]);\n\n useEffect(() => {\n setSelectedSort({ sortId: sortOptionId, sortFunc: undefined });\n }, [sortOptionId]);\n\n useEffect(() => {\n setSearchString(searchStringProp);\n }, [searchStringProp]);\n\n const changeView = (_event, viewIndex) => {\n setSelectedView(viewIndex);\n };\n\n const changePageValues = useCallback(\n (returnedPageValues) => {\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, returnedPageValues, pageSize, page)\n );\n },\n [hasPagination, paginationServerSide, pageSize, page]\n );\n\n useEffect(() => {\n if (!(selectedSort?.sortId && selectedSort?.sortFunc)) return;\n const sortedValues = [...valuesProp].sort(selectedSort.sortFunc);\n setValues(sortedValues);\n changePageValues(sortedValues);\n }, [selectedSort, valuesProp, changePageValues]);\n\n const setSearchResults = (results, value) => {\n setValues(results);\n setPage(0);\n setSearchString(value);\n changePageValues(results);\n };\n\n /**\n * Show the search component.\n *\n * @returns {*}\n */\n const renderSearch = () => {\n const { inputLabel, placeholder } = labels;\n return (\n <div className={classes.searchBoxContainer}>\n <Search\n id={id}\n searchString={searchString}\n values={valuesProp}\n metadata={configuration.metadata}\n onFilter={setSearchResults}\n onSearch={onSearch}\n labels={{ inputLabel, placeholder }}\n {...searchProps}\n />\n </div>\n );\n };\n\n const onSort = (sortFunc, sortId) => {\n setSelectedSort({ sortId, sortFunc });\n };\n\n const renderSort = () => {\n return (\n <div className={classes.sortContainer}>\n <Sort\n id={id}\n aria-label={labels?.sortBy}\n metadata={configuration?.metadata}\n selected={selectedSort?.sortId}\n onSelection={onSort}\n onSortChange={onSortChange}\n disablePortal={disablePortal}\n {...sortProps}\n />\n </div>\n );\n };\n\n const paginationOnPageChange = (newPage) => {\n const pageData = values.slice(pageSize * newPage, pageSize * (newPage + 1));\n\n setPage(newPage);\n setPageValues(pageData);\n };\n\n const paginationOnPageSizeChange = (newPageSize) => {\n const pageData = values.slice(newPageSize * page, newPageSize * (page + 1));\n\n setPageSize(newPageSize);\n setPageValues(pageData);\n };\n\n const renderPagination = () => {\n if (values.length === 0) return null;\n\n const numPages = paginationServerSide ? pages : Math.ceil(values.length / pageSize);\n const onPageChangeInternal = paginationServerSide ? onPageChange : paginationOnPageChange;\n\n const onPageSizeChangeInternal = paginationServerSide\n ? onPageSizeChange\n : paginationOnPageSizeChange;\n\n return (\n <HvPagination\n id={setId(id, \"pagination\")}\n classes={{\n root: classes.pagination,\n }}\n pages={numPages}\n page={page}\n canPrevious={page > 0}\n canNext={page < numPages - 1}\n pageSize={pageSize}\n pageSizeOptions={pageSizeOptions}\n onPageChange={onPageChangeInternal}\n onPageSizeChange={onPageSizeChangeInternal}\n {...paginationProps}\n />\n );\n };\n\n const handleSelectPage = (e, checked = false) => {\n setSelectedValues(checked ? [] : pageValues.map((v) => v.id));\n };\n\n const handleSelectAll = () => {\n const allSelected = selectedValues.length === values.length;\n setSelectedValues(allSelected ? [] : values.map((v) => v.id));\n };\n\n const innerOnSelection = (onSelectionFn) => (event) => {\n const valueId = event.target.value;\n\n const list =\n (event.target.checked && [...selectedValues, valueId]) ||\n (selectedValues.includes(valueId) && selectedValues.filter((item) => item !== valueId)) ||\n [];\n\n setSelectedValues(list);\n onSelectionFn?.(event);\n };\n\n const propsFillerManager = (source, target, propObj) => {\n Object.keys(propObj).forEach((key) => {\n // eslint-disable-next-line no-param-reassign\n if (source.props[key] == null) target[key] = propObj[key];\n });\n };\n\n const fillChildProp = (child) => {\n const childProps = {\n ...(configuration?.viewConfiguration || child?.props?.viewConfiguration),\n };\n\n propsFillerManager(child, childProps, {\n onSelection: innerOnSelection(onSelection),\n isSelectable,\n actions,\n maxVisibleActions,\n actionsCallback,\n });\n\n return childProps;\n };\n\n /**\n * Render the view.\n *\n * @returns {*}\n */\n const renderView = () => {\n const view = Array.isArray(children) ? children[selectedView] : children;\n\n if (values.length === 0) return emptyComponent;\n\n return React.cloneElement(view, {\n values: pageValues,\n selectedValues,\n viewConfiguration: fillChildProp(view),\n });\n };\n\n const showButtons = children.length > 1;\n const showSort = find(configuration.metadata, (element) => element.sortable);\n const showSearch = find(configuration.metadata, (element) => element.searchable);\n const showRightControls = showButtons || showSort;\n\n const sortJustify = currentBreakpoint === \"xs\" ? \"space-between\" : \"flex-start\";\n const justifyControls = showSort ? sortJustify : \"flex-end\";\n const align = !showSearch ? \"flex-end\" : \"space-between\";\n\n return (\n <div id={id} className={clsx(className, classes.root)}>\n {FilterPlaceholder && <FilterPlaceholder onSelection={changePageValues} />}\n <HvGrid container>\n <HvGrid item xs={12}>\n <HvGrid container justifyContent={align}>\n {showSearch && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n {renderSearch()}\n </HvGrid>\n )}\n {showRightControls && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n <HvGrid\n className={classes.rightControls}\n justifyContent={justifyControls}\n container\n alignItems=\"flex-end\"\n spacing={0}\n >\n {showSort && (\n <HvGrid className={classes.sortContainer} item xs>\n {renderSort()}\n </HvGrid>\n )}\n {showButtons && (\n <HvGrid item>\n <div className={classes.multiButtons}>\n <MultiButton\n id={id}\n views={multibuttonProps}\n selectedView={selectedView}\n changeView={changeView}\n onViewChange={onViewChange}\n />\n </div>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n <HvGrid container>\n <HvGrid item xs={12}>\n {hasBulkActions && (\n <HvBulkActions\n classes={{ root: classes.bulkActions }}\n numTotal={values.length}\n numSelected={selectedValues.length}\n onSelectAll={handleSelectPage}\n onSelectAllPages={handleSelectAll}\n showSelectAllPages\n maxVisibleActions={maxVisibleActions}\n />\n )}\n </HvGrid>\n </HvGrid>\n <HvGrid container className={classes.viewContainer}>\n <HvGrid item xs={12}>\n {renderView()}\n </HvGrid>\n </HvGrid>\n {hasPagination && (\n <HvGrid container>\n <HvGrid item xs={12}>\n {renderPagination()}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n </div>\n );\n};\n\nHvAssetInventory.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the controls container.\n */\n controlsContainer: PropTypes.string,\n /**\n * Styles applied to the search container.\n */\n search: PropTypes.string,\n /**\n * Styles applied to the right controls container.\n */\n rightControls: PropTypes.string,\n /**\n * Styles applied to the multiButtons.\n */\n multiButtons: PropTypes.string,\n /**\n * Styles applied to the bulkActions.\n */\n bulkActions: PropTypes.string,\n /**\n * Styles applied to the view container.\n */\n viewContainer: PropTypes.string,\n /**\n * Styles applied to the search box container.\n */\n searchBoxContainer: PropTypes.string,\n /**\n * Styles applied to the sort container.\n */\n sortContainer: PropTypes.string,\n /**\n * Styles applied to the pagination component.\n */\n pagination: PropTypes.string,\n }).isRequired,\n /**\n * Views components.\n */\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n /**\n * Data passed to the component.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n })\n ).isRequired,\n /**\n * Labels.\n */\n labels: PropTypes.shape({\n /**\n * Sort label.\n */\n sortBy: PropTypes.string,\n /**\n * the label on top of the search box.\n */\n inputLabel: PropTypes.string,\n /**\n * the placeholder value of the search box.\n */\n placeholder: PropTypes.string,\n }),\n /**\n * Contains the metadata for the values and the necessary configuration for the views,\n * check the views for the specific view configuration.\n */\n configuration: PropTypes.shape({\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ).isRequired,\n viewConfiguration: PropTypes.instanceOf(Object),\n }).isRequired,\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * List of actions to be passed to the views.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Extra filters\n */\n FilterPlaceholder: PropTypes.element,\n /**\n * Indicates if the views are selectable.\n */\n isSelectable: PropTypes.bool,\n /**\n * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * The selected view index.\n */\n selectedView: PropTypes.number,\n /**\n * Defines whether the Asset Inventory includes the bulk actions component.\n */\n hasBulkActions: PropTypes.bool,\n /**\n * Defines whether the Asset Inventory includes the pagination component.\n */\n hasPagination: PropTypes.bool,\n /**\n * Enable or disable the server side pagination mechanism\n */\n paginationServerSide: PropTypes.bool,\n /**\n * The array of possible page sizes for the dropdown.\n */\n pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n /**\n * Page size.\n */\n pageSize: PropTypes.number,\n /**\n * The currently selected page (0-indexed).\n */\n page: PropTypes.number,\n /**\n * The number of pages the component has.\n */\n pages: PropTypes.number,\n /**\n * Page change callback.\n */\n onPageChange: PropTypes.func,\n /**\n * Page size change callback.\n */\n onPageSizeChange: PropTypes.func,\n /**\n * Search callback.\n */\n onSearch: PropTypes.func,\n /**\n * Sort callback.\n */\n onSortChange: PropTypes.func,\n /**\n * View change callback.\n */\n onViewChange: PropTypes.func,\n /**\n * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.\n */\n sortOptionId: PropTypes.string,\n /**\n * Visual indicator of the search string used.\n */\n searchString: PropTypes.string,\n /**\n * Disable portal on the Sort dropdown\n */\n disablePortal: PropTypes.bool,\n /**\n * Other props passed to the searchbox.\n */\n searchProps: PropTypes.instanceOf(Object),\n /**\n * Others props passed to the Sort. If you want to control the aria-label\n * use the labels.sortBy, as it is mapped directly to the aria-label.\n */\n sortProps: PropTypes.instanceOf(Object),\n /**\n * Array of others prop passed to the created button. Each element must include the id of the view\n * and other props to pe passed to each button.\n */\n multibuttonProps: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n icon: PropTypes.node,\n })\n ),\n /**\n * Extra properties passed to the pagination.\n */\n paginationProps: PropTypes.instanceOf(Object),\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAssetInventory\" })(HvAssetInventory);\n"],"file":"AssetInventory.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/AssetInventory/AssetInventory.js"],"names":["React","useState","useEffect","useCallback","PropTypes","find","withStyles","clsx","MultiButton","Search","Sort","HvGrid","HvPagination","HvBulkActions","styles","setId","useLabels","useWidth","DEFAULT_LABELS","sortBy","inputLabel","placeholder","getPaginationData","hasPagination","paginationServerSide","values","pageSize","page","slice","HvAssetInventory","props","id","classes","className","valuesProp","selectedValues","selectedValuesProp","selectedView","selectedViewProp","children","searchString","searchStringProp","sortOptionId","labels","labelsProp","configuration","onSearch","searchProps","onSortChange","disablePortal","sortProps","pageProp","pages","pageSizeProp","pageSizeOptions","hasBulkActions","paginationProps","onPageChange","onPageSizeChange","onSelection","isSelectable","actions","maxVisibleActions","actionsCallback","FilterPlaceholder","onViewChange","multibuttonProps","emptyComponent","innerPageSize","innerPageValues","setSelectedView","setPageSize","setPage","setValues","pageValues","setPageValues","setSelectedValues","setSearchString","selectedSort","setSelectedSort","sortId","sortFunc","undefined","currentBreakpoint","length","changeView","_event","viewIndex","changePageValues","returnedPageValues","p","sortedValues","sort","setSearchResults","results","value","renderSearch","searchBoxContainer","metadata","onSort","renderSort","sortContainer","paginationOnPageChange","newPage","pageData","paginationOnPageSizeChange","newPageSize","renderPagination","numPages","Math","ceil","onPageChangeInternal","onPageSizeChangeInternal","root","pagination","handleSelectPage","e","checked","selection","map","v","handleSelectAll","allSelected","innerOnSelection","onSelectionFn","event","valueId","target","list","includes","filter","item","propsFillerManager","source","propObj","Object","keys","forEach","key","fillChildProp","child","childProps","viewConfiguration","renderView","view","Array","isArray","cloneElement","showButtons","showSort","element","sortable","showSearch","searchable","showRightControls","sortJustify","justifyControls","align","rightControls","multiButtons","bulkActions","viewContainer","propTypes","string","shape","controlsContainer","search","isRequired","oneOfType","arrayOf","node","title","accessor","cellType","oneOf","bool","sortFunction","func","searchFunction","instanceOf","label","icon","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport find from \"lodash/find\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport MultiButton from \"./Multibutton/Multibutton\";\nimport Search from \"./Search/Search\";\nimport Sort from \"./Sort/Sort\";\nimport HvGrid from \"../Grid\";\nimport HvPagination from \"../Pagination\";\nimport HvBulkActions from \"../BulkActions\";\nimport styles from \"./styles\";\nimport { setId, useLabels, useWidth } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n sortBy: \"Sort by\",\n inputLabel: \"\",\n placeholder: \"Search\",\n};\n\nconst getPaginationData = (hasPagination, paginationServerSide, values, pageSize, page) =>\n hasPagination && !paginationServerSide\n ? values.slice(pageSize * page, pageSize * (page + 1))\n : values;\n\n/**\n * An Asset Inventory allows to switch between views.\n * The Sort and Filter are defined using the metadata configuration, while the remaining configuration can be ser in the AssetInventory or in the individual views.\n */\nconst HvAssetInventory = (props) => {\n const {\n id,\n classes,\n className,\n values: valuesProp,\n selectedValues: selectedValuesProp = [],\n selectedView: selectedViewProp = 0,\n children,\n searchString: searchStringProp = \"\",\n sortOptionId,\n labels: labelsProp,\n configuration,\n onSearch,\n searchProps,\n onSortChange,\n disablePortal = false,\n sortProps,\n page: pageProp = 0,\n pages = 0,\n pageSize: pageSizeProp,\n pageSizeOptions = [5, 10, 20, 25, 50, 100],\n hasBulkActions = false,\n hasPagination = false,\n paginationServerSide = false,\n paginationProps,\n onPageChange,\n onPageSizeChange,\n onSelection,\n isSelectable = false,\n actions,\n maxVisibleActions = 1,\n actionsCallback,\n FilterPlaceholder,\n onViewChange,\n multibuttonProps = [],\n emptyComponent = null,\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const innerPageSize = pageSizeProp || pageSizeOptions[0];\n const innerPageValues = getPaginationData(\n hasPagination,\n paginationServerSide,\n valuesProp,\n innerPageSize,\n pageProp\n );\n\n const [selectedView, setSelectedView] = useState(selectedViewProp || 0);\n const [pageSize, setPageSize] = useState(innerPageSize);\n const [page, setPage] = useState(pageProp);\n const [values, setValues] = useState([...valuesProp]);\n const [pageValues, setPageValues] = useState(innerPageValues);\n\n const [selectedValues, setSelectedValues] = useState([...selectedValuesProp]);\n const [searchString, setSearchString] = useState(searchStringProp);\n const [selectedSort, setSelectedSort] = useState({ sortId: sortOptionId, sortFunc: undefined });\n const currentBreakpoint = useWidth();\n\n useEffect(() => {\n setValues(valuesProp);\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, valuesProp, innerPageSize, pageProp)\n );\n setPage(pageProp);\n }, [valuesProp, pageProp, innerPageSize, hasPagination, paginationServerSide]);\n\n useEffect(() => {\n if (pageSizeProp === undefined) return;\n setPageSize(pageSizeProp);\n }, [pageSizeProp]);\n\n useEffect(() => {\n if (selectedValuesProp.length > 0) setSelectedValues(selectedValuesProp);\n }, [selectedValuesProp]);\n\n useEffect(() => {\n setSelectedView(selectedViewProp);\n }, [selectedViewProp]);\n\n useEffect(() => {\n setSelectedSort({ sortId: sortOptionId, sortFunc: undefined });\n }, [sortOptionId]);\n\n useEffect(() => {\n setSearchString(searchStringProp);\n }, [searchStringProp]);\n\n const changeView = (_event, viewIndex) => {\n setSelectedView(viewIndex);\n };\n\n const changePageValues = useCallback(\n (returnedPageValues, p = page) => {\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, returnedPageValues, pageSize, p)\n );\n },\n [hasPagination, paginationServerSide, pageSize, page]\n );\n\n // TODO: we must revisit this section in the future. Right now, sorting the results will\n // reset the array of values which means that we can't sort a filtered result set.\n useEffect(() => {\n if (!(selectedSort?.sortId && selectedSort?.sortFunc)) return;\n const sortedValues = [...valuesProp].sort(selectedSort.sortFunc);\n setValues(sortedValues);\n changePageValues(sortedValues);\n }, [selectedSort, valuesProp, changePageValues]);\n\n const setSearchResults = (results, value) => {\n setValues(results);\n setPage(0);\n setSearchString(value);\n changePageValues(results, 0);\n };\n\n /**\n * Show the search component.\n *\n * @returns {*}\n */\n const renderSearch = () => {\n const { inputLabel, placeholder } = labels;\n return (\n <div className={classes.searchBoxContainer}>\n <Search\n id={id}\n searchString={searchString}\n values={valuesProp}\n metadata={configuration.metadata}\n onFilter={setSearchResults}\n onSearch={onSearch}\n labels={{ inputLabel, placeholder }}\n {...searchProps}\n />\n </div>\n );\n };\n\n const onSort = (sortFunc, sortId) => {\n setSelectedSort({ sortId, sortFunc });\n };\n\n const renderSort = () => {\n return (\n <div className={classes.sortContainer}>\n <Sort\n id={id}\n aria-label={labels?.sortBy}\n metadata={configuration?.metadata}\n selected={selectedSort?.sortId}\n onSelection={onSort}\n onSortChange={onSortChange}\n disablePortal={disablePortal}\n {...sortProps}\n />\n </div>\n );\n };\n\n const paginationOnPageChange = (newPage) => {\n const pageData = values.slice(pageSize * newPage, pageSize * (newPage + 1));\n\n setPage(newPage);\n setPageValues(pageData);\n };\n\n const paginationOnPageSizeChange = (newPageSize) => {\n const pageData = values.slice(newPageSize * page, newPageSize * (page + 1));\n\n setPageSize(newPageSize);\n setPageValues(pageData);\n };\n\n const renderPagination = () => {\n if (values.length === 0) return null;\n\n const numPages = paginationServerSide ? pages : Math.ceil(values.length / pageSize);\n const onPageChangeInternal = paginationServerSide ? onPageChange : paginationOnPageChange;\n\n const onPageSizeChangeInternal = paginationServerSide\n ? onPageSizeChange\n : paginationOnPageSizeChange;\n\n return (\n <HvPagination\n id={setId(id, \"pagination\")}\n classes={{\n root: classes.pagination,\n }}\n pages={numPages}\n page={page}\n canPrevious={page > 0}\n canNext={page < numPages - 1}\n pageSize={pageSize}\n pageSizeOptions={pageSizeOptions}\n onPageChange={onPageChangeInternal}\n onPageSizeChange={onPageSizeChangeInternal}\n {...paginationProps}\n />\n );\n };\n\n const handleSelectPage = (e, checked = false) => {\n const selection = pageValues.map((v) => v.id);\n\n setSelectedValues(checked ? selection : []);\n onSelection?.(e, checked ? selection : []);\n };\n\n const handleSelectAll = (e) => {\n const allSelected = selectedValues.length === values.length;\n const selection = values.map((v) => v.id);\n\n setSelectedValues(allSelected ? [] : selection);\n onSelection?.(e, allSelected ? [] : selection);\n };\n\n const innerOnSelection = (onSelectionFn) => (event) => {\n const valueId = event.target.value;\n\n const list =\n (event.target.checked && [...selectedValues, valueId]) ||\n (selectedValues.includes(valueId) && selectedValues.filter((item) => item !== valueId)) ||\n [];\n\n setSelectedValues(list);\n onSelectionFn?.(event, list);\n };\n\n const propsFillerManager = (source, target, propObj) => {\n Object.keys(propObj).forEach((key) => {\n // eslint-disable-next-line no-param-reassign\n if (source.props[key] == null) target[key] = propObj[key];\n });\n };\n\n const fillChildProp = (child) => {\n const childProps = {\n ...(configuration?.viewConfiguration || child?.props?.viewConfiguration),\n };\n\n propsFillerManager(child, childProps, {\n onSelection: innerOnSelection(onSelection),\n isSelectable,\n actions,\n maxVisibleActions,\n actionsCallback,\n });\n\n return childProps;\n };\n\n /**\n * Render the view.\n *\n * @returns {*}\n */\n const renderView = () => {\n const view = Array.isArray(children) ? children[selectedView] : children;\n\n if (values.length === 0) return emptyComponent;\n\n return React.cloneElement(view, {\n values: pageValues,\n selectedValues,\n viewConfiguration: fillChildProp(view),\n });\n };\n\n const showButtons = children.length > 1;\n const showSort = find(configuration.metadata, (element) => element.sortable);\n const showSearch = find(configuration.metadata, (element) => element.searchable);\n const showRightControls = showButtons || showSort;\n\n const sortJustify = currentBreakpoint === \"xs\" ? \"space-between\" : \"flex-start\";\n const justifyControls = showSort ? sortJustify : \"flex-end\";\n const align = !showSearch ? \"flex-end\" : \"space-between\";\n\n return (\n <div id={id} className={clsx(className, classes.root)}>\n {FilterPlaceholder && <FilterPlaceholder onSelection={changePageValues} />}\n <HvGrid container>\n <HvGrid item xs={12}>\n <HvGrid container justifyContent={align}>\n {showSearch && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n {renderSearch()}\n </HvGrid>\n )}\n {showRightControls && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n <HvGrid\n className={classes.rightControls}\n justifyContent={justifyControls}\n container\n alignItems=\"flex-end\"\n spacing={0}\n >\n {showSort && (\n <HvGrid className={classes.sortContainer} item xs>\n {renderSort()}\n </HvGrid>\n )}\n {showButtons && (\n <HvGrid item>\n <div className={classes.multiButtons}>\n <MultiButton\n id={id}\n views={multibuttonProps}\n selectedView={selectedView}\n changeView={changeView}\n onViewChange={onViewChange}\n />\n </div>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n <HvGrid container>\n <HvGrid item xs={12}>\n {hasBulkActions && (\n <HvBulkActions\n classes={{ root: classes.bulkActions }}\n numTotal={values.length}\n numSelected={selectedValues.length}\n onSelectAll={handleSelectPage}\n onSelectAllPages={handleSelectAll}\n showSelectAllPages\n maxVisibleActions={maxVisibleActions}\n />\n )}\n </HvGrid>\n </HvGrid>\n <HvGrid container className={classes.viewContainer}>\n <HvGrid item xs={12}>\n {renderView()}\n </HvGrid>\n </HvGrid>\n {hasPagination && (\n <HvGrid container>\n <HvGrid item xs={12}>\n {renderPagination()}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n </div>\n );\n};\n\nHvAssetInventory.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the controls container.\n */\n controlsContainer: PropTypes.string,\n /**\n * Styles applied to the search container.\n */\n search: PropTypes.string,\n /**\n * Styles applied to the right controls container.\n */\n rightControls: PropTypes.string,\n /**\n * Styles applied to the multiButtons.\n */\n multiButtons: PropTypes.string,\n /**\n * Styles applied to the bulkActions.\n */\n bulkActions: PropTypes.string,\n /**\n * Styles applied to the view container.\n */\n viewContainer: PropTypes.string,\n /**\n * Styles applied to the search box container.\n */\n searchBoxContainer: PropTypes.string,\n /**\n * Styles applied to the sort container.\n */\n sortContainer: PropTypes.string,\n /**\n * Styles applied to the pagination component.\n */\n pagination: PropTypes.string,\n }).isRequired,\n /**\n * Views components.\n */\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n /**\n * Data passed to the component.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n })\n ).isRequired,\n /**\n * Labels.\n */\n labels: PropTypes.shape({\n /**\n * Sort label.\n */\n sortBy: PropTypes.string,\n /**\n * the label on top of the search box.\n */\n inputLabel: PropTypes.string,\n /**\n * the placeholder value of the search box.\n */\n placeholder: PropTypes.string,\n }),\n /**\n * Contains the metadata for the values and the necessary configuration for the views,\n * check the views for the specific view configuration.\n */\n configuration: PropTypes.shape({\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ).isRequired,\n viewConfiguration: PropTypes.instanceOf(Object),\n }).isRequired,\n /**\n * Callback evoked in the selection of the card. Receives the event and the current selection of the asset inventory\n */\n onSelection: PropTypes.func,\n /**\n * List of actions to be passed to the views.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Extra filters\n */\n FilterPlaceholder: PropTypes.element,\n /**\n * Indicates if the views are selectable.\n */\n isSelectable: PropTypes.bool,\n /**\n * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * The selected view index.\n */\n selectedView: PropTypes.number,\n /**\n * Defines whether the Asset Inventory includes the bulk actions component.\n */\n hasBulkActions: PropTypes.bool,\n /**\n * Defines whether the Asset Inventory includes the pagination component.\n */\n hasPagination: PropTypes.bool,\n /**\n * Enable or disable the server side pagination mechanism\n */\n paginationServerSide: PropTypes.bool,\n /**\n * The array of possible page sizes for the dropdown.\n */\n pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n /**\n * Page size.\n */\n pageSize: PropTypes.number,\n /**\n * The currently selected page (0-indexed).\n */\n page: PropTypes.number,\n /**\n * The number of pages the component has.\n */\n pages: PropTypes.number,\n /**\n * Page change callback.\n */\n onPageChange: PropTypes.func,\n /**\n * Page size change callback.\n */\n onPageSizeChange: PropTypes.func,\n /**\n * Search callback.\n */\n onSearch: PropTypes.func,\n /**\n * Sort callback.\n */\n onSortChange: PropTypes.func,\n /**\n * View change callback.\n */\n onViewChange: PropTypes.func,\n /**\n * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.\n */\n sortOptionId: PropTypes.string,\n /**\n * Visual indicator of the search string used.\n */\n searchString: PropTypes.string,\n /**\n * Disable portal on the Sort dropdown\n */\n disablePortal: PropTypes.bool,\n /**\n * Other props passed to the searchbox.\n */\n searchProps: PropTypes.instanceOf(Object),\n /**\n * Others props passed to the Sort. If you want to control the aria-label\n * use the labels.sortBy, as it is mapped directly to the aria-label.\n */\n sortProps: PropTypes.instanceOf(Object),\n /**\n * Array of others prop passed to the created button. Each element must include the id of the view\n * and other props to pe passed to each button.\n */\n multibuttonProps: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n icon: PropTypes.node,\n })\n ),\n /**\n * Extra properties passed to the pagination.\n */\n paginationProps: PropTypes.instanceOf(Object),\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAssetInventory\" })(HvAssetInventory);\n"],"file":"AssetInventory.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/AssetInventory/CardView/CardView.js"],"names":["React","useRef","PropTypes","withStyles","HvActionBar","HvActionsGeneric","HvCard","HvCardContent","HvGrid","useWidth","setId","Focus","styles","setActionsId","DEFAULT_VIEW_CONFIGURATION","onSelection","breakpoints","xs","sm","md","lg","xl","actions","CardRenderChooser","viewConfiguration","render","cardContent","metadata","cardProps","data","isSelectable","maxVisibleActions","actionsCallback","id","CardView","className","classes","values","selectedValues","renderer","innerCardContent","emptyComponent","others","containerRef","currentBreakpoint","renderCard","cardJump","renderCards","map","value","index","checked","indexOf","hasValues","length","root","elements","sizeProps","propTypes","string","shape","isRequired","arrayOf","title","accessor","cellType","oneOf","sortable","bool","sortFunction","func","searchable","searchFunction","instanceOf","Array","node","label","icon","oneOfType","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n HvActionBar,\n HvActionsGeneric,\n HvCard,\n HvCardContent,\n HvGrid,\n useWidth,\n setId,\n} from \"../..\";\nimport Focus from \"../../Focus\";\nimport styles from \"./styles\";\nimport setActionsId from \"../setActionsId\";\n\nconst DEFAULT_VIEW_CONFIGURATION = {\n onSelection: null,\n breakpoints: {\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n },\n actions: null,\n};\n\nconst CardRenderChooser =\n (viewConfiguration, render, cardContent, metadata, cardProps) => (data) => {\n const { onSelection, isSelectable, maxVisibleActions, actionsCallback } = viewConfiguration;\n const actions = setActionsId(viewConfiguration.actions, data.id);\n\n return render ? (\n render(data, { ...viewConfiguration, actions }, metadata, cardProps)\n ) : (\n <HvCard onChange={onSelection} selectable={isSelectable} {...data} {...cardProps}>\n <HvCardContent>{cardContent?.(data)}</HvCardContent>\n {actions && (\n <HvActionBar>\n <HvActionsGeneric\n actions={actions}\n actionsCallback={actionsCallback}\n maxVisibleActions={maxVisibleActions}\n />\n </HvActionBar>\n )}\n </HvCard>\n );\n };\n\nconst CardView = ({\n id = \"\",\n className,\n classes,\n values,\n selectedValues,\n renderer,\n viewConfiguration = DEFAULT_VIEW_CONFIGURATION,\n innerCardContent,\n metadata,\n emptyComponent,\n ...others\n}) => {\n const containerRef = useRef(null);\n const currentBreakpoint = useWidth();\n\n // If no custom render is passed, the render uses the standard card implementation\n const renderCard = CardRenderChooser(\n viewConfiguration,\n renderer,\n innerCardContent,\n metadata,\n others\n );\n\n const { breakpoints } = viewConfiguration;\n\n const cardJump = () =>\n breakpoints[currentBreakpoint] === false ? 1 : 12 / breakpoints[currentBreakpoint];\n\n /**\n * Render of the cards for each value.\n */\n const renderCards = () => {\n return values.map((value, index) => {\n // eslint-disable-next-line no-param-reassign\n value.checked = !!(selectedValues && selectedValues.indexOf(value.id) > -1);\n\n return (\n <HvGrid id={setId(value.id, \"grid\")} key={value.id} item {...breakpoints}>\n <Focus\n rootRef={containerRef}\n key={value.id}\n strategy=\"grid\"\n filterClass=\"grid\"\n navigationJump={cardJump()}\n focusDisabled={false}\n >\n <div key={value.id} tabIndex={index === 0 ? 0 : -1}>\n {renderCard(value)}\n </div>\n </Focus>\n </HvGrid>\n );\n });\n };\n\n const hasValues = values.length > 0;\n\n return hasValues ? (\n <div className={classes.root} ref={containerRef}>\n <div className={classes.elements}>\n <HvGrid\n className={className}\n id={id}\n container\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {renderCards()}\n </HvGrid>\n </div>\n </div>\n ) : (\n emptyComponent\n );\n};\n\nconst sizeProps = [true, false, \"auto\", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nCardView.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component that contains the elements class.\n */\n elements: PropTypes.string,\n }).isRequired,\n /**\n * Metadata associated with the values.\n */\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ),\n /**\n * Values to be passed to the card render.\n */\n values: PropTypes.instanceOf(Array).isRequired,\n /**\n * Selected values.\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * Custom render for the cards.\n */\n renderer: PropTypes.func,\n /**\n * innerCardContent to be passed to the standard render.\n */\n innerCardContent: PropTypes.func,\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n /**\n * Configuration settings for the view.\n */\n viewConfiguration: PropTypes.shape({\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * Defines if the view allows selections.\n */\n isSelectable: PropTypes.bool,\n /**\n * List of actions to be passed to the cards.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Defines the number of columns the component is going to use. Check the\n * Grid component for possible values\n */\n breakpoints: PropTypes.shape({\n xs: PropTypes.oneOf(sizeProps),\n sm: PropTypes.oneOf(sizeProps),\n md: PropTypes.oneOf(sizeProps),\n lg: PropTypes.oneOf(sizeProps),\n xl: PropTypes.oneOf(sizeProps),\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvCardView\" })(CardView);\n"],"file":"CardView.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/AssetInventory/CardView/CardView.js"],"names":["React","useRef","PropTypes","withStyles","HvActionBar","HvActionsGeneric","HvCard","HvCardContent","HvGrid","useWidth","setId","Focus","styles","setActionsId","DEFAULT_VIEW_CONFIGURATION","onSelection","breakpoints","xs","sm","md","lg","xl","actions","CardRenderChooser","viewConfiguration","render","cardContent","metadata","cardProps","data","isSelectable","maxVisibleActions","actionsCallback","id","CardView","className","classes","values","selectedValues","renderer","innerCardContent","emptyComponent","others","containerRef","currentBreakpoint","renderCard","cardJump","renderCards","map","value","index","checked","indexOf","hasValues","length","root","elements","sizeProps","propTypes","string","shape","isRequired","arrayOf","title","accessor","cellType","oneOf","sortable","bool","sortFunction","func","searchable","searchFunction","instanceOf","Array","node","label","icon","oneOfType","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n HvActionBar,\n HvActionsGeneric,\n HvCard,\n HvCardContent,\n HvGrid,\n useWidth,\n setId,\n} from \"../..\";\nimport Focus from \"../../Focus\";\nimport styles from \"./styles\";\nimport setActionsId from \"../setActionsId\";\n\nconst DEFAULT_VIEW_CONFIGURATION = {\n onSelection: null,\n breakpoints: {\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n },\n actions: null,\n};\n\nconst CardRenderChooser =\n (viewConfiguration, render, cardContent, metadata, cardProps) => (data) => {\n const { onSelection, isSelectable, maxVisibleActions, actionsCallback } = viewConfiguration;\n const actions = setActionsId(viewConfiguration.actions, data.id);\n\n return render ? (\n render(data, { ...viewConfiguration, actions }, metadata, cardProps)\n ) : (\n <HvCard onChange={onSelection} selectable={isSelectable} {...data} {...cardProps}>\n <HvCardContent>{cardContent?.(data)}</HvCardContent>\n {actions && (\n <HvActionBar>\n <HvActionsGeneric\n actions={actions}\n actionsCallback={actionsCallback}\n maxVisibleActions={maxVisibleActions}\n />\n </HvActionBar>\n )}\n </HvCard>\n );\n };\n\nconst CardView = ({\n id = \"\",\n className,\n classes,\n values,\n selectedValues,\n renderer,\n viewConfiguration = DEFAULT_VIEW_CONFIGURATION,\n innerCardContent,\n metadata,\n emptyComponent = null,\n ...others\n}) => {\n const containerRef = useRef(null);\n const currentBreakpoint = useWidth();\n\n // If no custom render is passed, the render uses the standard card implementation\n const renderCard = CardRenderChooser(\n viewConfiguration,\n renderer,\n innerCardContent,\n metadata,\n others\n );\n\n const { breakpoints } = viewConfiguration;\n\n const cardJump = () =>\n breakpoints[currentBreakpoint] === false ? 1 : 12 / breakpoints[currentBreakpoint];\n\n /**\n * Render of the cards for each value.\n */\n const renderCards = () => {\n return values.map((value, index) => {\n // eslint-disable-next-line no-param-reassign\n value.checked = !!(selectedValues && selectedValues.indexOf(value.id) > -1);\n\n return (\n <HvGrid id={setId(value.id, \"grid\")} key={value.id} item {...breakpoints}>\n <Focus\n rootRef={containerRef}\n key={value.id}\n strategy=\"grid\"\n filterClass=\"grid\"\n navigationJump={cardJump()}\n focusDisabled={false}\n >\n <div key={value.id} tabIndex={index === 0 ? 0 : -1}>\n {renderCard(value)}\n </div>\n </Focus>\n </HvGrid>\n );\n });\n };\n\n const hasValues = values.length > 0;\n\n return hasValues ? (\n <div className={classes.root} ref={containerRef}>\n <div className={classes.elements}>\n <HvGrid\n className={className}\n id={id}\n container\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {renderCards()}\n </HvGrid>\n </div>\n </div>\n ) : (\n emptyComponent\n );\n};\n\nconst sizeProps = [true, false, \"auto\", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nCardView.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component that contains the elements class.\n */\n elements: PropTypes.string,\n }).isRequired,\n /**\n * Metadata associated with the values.\n */\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ),\n /**\n * Values to be passed to the card render.\n */\n values: PropTypes.instanceOf(Array).isRequired,\n /**\n * Selected values.\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * Custom render for the cards.\n */\n renderer: PropTypes.func,\n /**\n * innerCardContent to be passed to the standard render.\n */\n innerCardContent: PropTypes.func,\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n /**\n * Configuration settings for the view.\n */\n viewConfiguration: PropTypes.shape({\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * Defines if the view allows selections.\n */\n isSelectable: PropTypes.bool,\n /**\n * List of actions to be passed to the cards.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Defines the number of columns the component is going to use. Check the\n * Grid component for possible values\n */\n breakpoints: PropTypes.shape({\n xs: PropTypes.oneOf(sizeProps),\n sm: PropTypes.oneOf(sizeProps),\n md: PropTypes.oneOf(sizeProps),\n lg: PropTypes.oneOf(sizeProps),\n xl: PropTypes.oneOf(sizeProps),\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvCardView\" })(CardView);\n"],"file":"CardView.js"}
|
|
@@ -4,9 +4,9 @@ export type HvOverflowTooltipKey = "tooltipData" | "tooltipAnchor" | "tooltipAnc
|
|
|
4
4
|
|
|
5
5
|
export interface HvOverflowTooltipProps
|
|
6
6
|
extends StandardProps<React.HTMLAttributes<HTMLElement>, HvOverflowTooltipKey> {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Id to be applied to the tooltip.
|
|
9
|
+
*/
|
|
10
10
|
id?: string;
|
|
11
11
|
/**
|
|
12
12
|
* The node that will be rendered inside the tooltip.
|
|
@@ -20,9 +20,29 @@ export interface HvOverflowTooltipProps
|
|
|
20
20
|
* If `true` the overflow tooltip will always use the paragraph overflow style.
|
|
21
21
|
*/
|
|
22
22
|
paragraphOverflow?: boolean;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
/**
|
|
24
|
+
* If true, the tooltip is shown.
|
|
25
|
+
*/
|
|
26
|
+
open?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Tooltip placement.
|
|
29
|
+
*/
|
|
30
|
+
placement?:
|
|
31
|
+
| 'bottom-end'
|
|
32
|
+
| 'bottom-start'
|
|
33
|
+
| 'bottom'
|
|
34
|
+
| 'left-end'
|
|
35
|
+
| 'left-start'
|
|
36
|
+
| 'left'
|
|
37
|
+
| 'right-end'
|
|
38
|
+
| 'right-start'
|
|
39
|
+
| 'right'
|
|
40
|
+
| 'top-end'
|
|
41
|
+
| 'top-start'
|
|
42
|
+
| 'top';
|
|
43
|
+
/**
|
|
44
|
+
* Extra properties to add to the tooltip.
|
|
45
|
+
*/
|
|
26
46
|
tooltipsProps?: TooltipProps;
|
|
27
47
|
}
|
|
28
48
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import PropTypes from "prop-types";
|
|
5
5
|
import { useResizeDetector } from "react-resize-detector";
|
|
@@ -31,7 +31,9 @@ const HvOverflowTooltip = ({
|
|
|
31
31
|
className,
|
|
32
32
|
classes,
|
|
33
33
|
data,
|
|
34
|
+
open,
|
|
34
35
|
paragraphOverflow,
|
|
36
|
+
placement = "top-start",
|
|
35
37
|
tooltipsProps
|
|
36
38
|
}) => {
|
|
37
39
|
var _ref$current;
|
|
@@ -46,20 +48,24 @@ const HvOverflowTooltip = ({
|
|
|
46
48
|
},
|
|
47
49
|
handleHeight: false
|
|
48
50
|
});
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
const scrollWidth = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) || 0; // The difference should be higher than a pixel to be considered as overflowing
|
|
52
|
+
|
|
53
|
+
const isOverflowing = scrollWidth - width >= 1;
|
|
54
|
+
const isParag = useMemo(() => paragraphOverflow && isParagraph(data.toString()), [data, paragraphOverflow]);
|
|
55
|
+
const content = useMemo(() => /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
ref: ref,
|
|
57
|
+
className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
|
|
58
|
+
}, data), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]);
|
|
59
|
+
return open || isOverflowing ? /*#__PURE__*/React.createElement(HvTooltip, _extends({
|
|
52
60
|
id: id,
|
|
53
61
|
disableHoverListener: !isOverflowing,
|
|
54
|
-
|
|
62
|
+
open: open,
|
|
63
|
+
placement: placement,
|
|
55
64
|
title: /*#__PURE__*/React.createElement(HvTypography, {
|
|
56
65
|
className: classes.tooltipData,
|
|
57
66
|
variant: "normalText"
|
|
58
67
|
}, data)
|
|
59
|
-
}, tooltipsProps),
|
|
60
|
-
ref: ref,
|
|
61
|
-
className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
|
|
62
|
-
}, data));
|
|
68
|
+
}, tooltipsProps), content) : content;
|
|
63
69
|
};
|
|
64
70
|
|
|
65
71
|
process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
|
|
@@ -108,6 +114,16 @@ process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
|
|
|
108
114
|
*/
|
|
109
115
|
paragraphOverflow: PropTypes.bool,
|
|
110
116
|
|
|
117
|
+
/**
|
|
118
|
+
* Tooltip placement.
|
|
119
|
+
*/
|
|
120
|
+
placement: PropTypes.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* If true, the tooltip is shown.
|
|
124
|
+
*/
|
|
125
|
+
open: PropTypes.bool,
|
|
126
|
+
|
|
111
127
|
/**
|
|
112
128
|
* Extra properties to add to the tooltip.
|
|
113
129
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"names":["React","clsx","PropTypes","useResizeDetector","createStyles","withStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","paragraphOverflow","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","
|
|
1
|
+
{"version":3,"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"names":["React","useMemo","clsx","PropTypes","useResizeDetector","createStyles","withStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { createStyles, withStyles } from \"@material-ui/core\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n tooltipData: {},\n tooltipAnchor: {\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n },\n tooltipAnchorParagraph: {\n overflow: \"hidden\",\n display: \"-webkit-box\",\n \"-webkit-line-clamp\": 2,\n \"-webkit-box-orient\": \"vertical\",\n },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n id,\n className,\n classes,\n data,\n open,\n paragraphOverflow,\n placement = \"top-start\",\n tooltipsProps,\n}) => {\n const { width = 0, ref } = useResizeDetector({\n refreshMode: \"debounce\",\n refreshOptions: {\n trailing: true,\n },\n handleHeight: false,\n });\n const scrollWidth = ref.current?.scrollWidth || 0;\n // The difference should be higher than a pixel to be considered as overflowing\n const isOverflowing = scrollWidth - width >= 1;\n\n const isParag = useMemo(\n () => paragraphOverflow && isParagraph(data.toString()),\n [data, paragraphOverflow]\n );\n\n const content = useMemo(\n () => (\n <div\n ref={ref}\n className={clsx(className, {\n [classes.tooltipAnchor]: !isParag,\n [classes.tooltipAnchorParagraph]: isParag,\n })}\n >\n {data}\n </div>\n ),\n [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n );\n\n return open || isOverflowing ? (\n <HvTooltip\n id={id}\n disableHoverListener={!isOverflowing}\n open={open}\n placement={placement}\n title={\n <HvTypography className={classes.tooltipData} variant=\"normalText\">\n {data}\n </HvTypography>\n }\n {...tooltipsProps}\n >\n {content}\n </HvTooltip>\n ) : (\n content\n );\n};\n\nHvOverflowTooltip.propTypes = {\n /**\n * Id to be applied to the tooltip.\n */\n id: PropTypes.string,\n /**\n * The node that will be rendered inside the tooltip.\n */\n data: PropTypes.node,\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.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root of the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the data container in the tooltip.\n */\n tooltipData: PropTypes.string,\n /**\n * Styles applied to the anchor of the tooltip.\n */\n tooltipAnchor: PropTypes.string,\n /**\n * Styles applied to the anchor of the when it is a paragraph.\n */\n tooltipAnchorParagraph: PropTypes.string,\n }).isRequired,\n /**\n * If `true` the overflow tooltip will always use the paragraph overflow style.\n */\n paragraphOverflow: PropTypes.bool,\n /**\n * Tooltip placement.\n */\n placement: PropTypes.oneOf([\n \"bottom-end\",\n \"bottom-start\",\n \"bottom\",\n \"left-end\",\n \"left-start\",\n \"left\",\n \"right-end\",\n \"right-start\",\n \"right\",\n \"top-end\",\n \"top-start\",\n \"top\",\n ]),\n /**\n * If true, the tooltip is shown.\n */\n open: PropTypes.bool,\n /**\n * Extra properties to add to the tooltip.\n */\n tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"file":"OverflowTooltip.js"}
|
|
@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
|
|
|
18
18
|
| "error";
|
|
19
19
|
|
|
20
20
|
export interface HvTagsInputProps
|
|
21
|
-
extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
|
|
21
|
+
extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
|
|
22
22
|
/**
|
|
23
23
|
* The label of the form element.
|
|
24
24
|
*
|
|
@@ -140,6 +140,22 @@ export interface HvTagsInputProps
|
|
|
140
140
|
value: HvTagProps[]
|
|
141
141
|
) => void;
|
|
142
142
|
|
|
143
|
+
/**
|
|
144
|
+
* The function that will be executed when the input is blurred.
|
|
145
|
+
*/
|
|
146
|
+
onBlur?: (
|
|
147
|
+
event: React.FocusEvent<HTMLInputElement>,
|
|
148
|
+
value: string
|
|
149
|
+
) => void;
|
|
150
|
+
|
|
151
|
+
/**
|
|
152
|
+
* The function that will be executed when the input is focused.
|
|
153
|
+
*/
|
|
154
|
+
onFocus?: (
|
|
155
|
+
event: React.FocusEvent<HTMLInputElement>,
|
|
156
|
+
value: string
|
|
157
|
+
) => void;
|
|
158
|
+
|
|
143
159
|
/**
|
|
144
160
|
* The status of the form element.
|
|
145
161
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
|
|
4
|
+
const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
|
|
5
5
|
_excluded2 = ["label", "type"];
|
|
6
6
|
|
|
7
7
|
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; }
|
|
@@ -42,6 +42,8 @@ const HvTagsInput = props => {
|
|
|
42
42
|
onChange,
|
|
43
43
|
onAdd,
|
|
44
44
|
onDelete,
|
|
45
|
+
onBlur,
|
|
46
|
+
onFocus,
|
|
45
47
|
placeholder,
|
|
46
48
|
hideCounter = false,
|
|
47
49
|
middleCountLabel = "/",
|
|
@@ -68,7 +70,8 @@ const HvTagsInput = props => {
|
|
|
68
70
|
const [stateValid, setStateValid] = useState(true);
|
|
69
71
|
const inputRef = useRef();
|
|
70
72
|
const containerRef = useRef();
|
|
71
|
-
const
|
|
73
|
+
const skipReset = useRef(false);
|
|
74
|
+
const blurTimeout = useRef();
|
|
72
75
|
const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
|
|
73
76
|
const hasCounter = maxTagsQuantity != null && !hideCounter;
|
|
74
77
|
const isStateInvalid = useMemo(() => {
|
|
@@ -107,6 +110,7 @@ const HvTagsInput = props => {
|
|
|
107
110
|
performValidation(newTagsArr);
|
|
108
111
|
onDelete === null || onDelete === void 0 ? void 0 : onDelete(event, value[tagPos], tagPos);
|
|
109
112
|
onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
|
|
113
|
+
skipReset.current = true;
|
|
110
114
|
}, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
|
|
111
115
|
const canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
|
|
112
116
|
/**
|
|
@@ -132,11 +136,12 @@ const HvTagsInput = props => {
|
|
|
132
136
|
}
|
|
133
137
|
}, [multiline, tagCursorPos]);
|
|
134
138
|
useEffect(() => {
|
|
135
|
-
if (
|
|
139
|
+
if (!skipReset.current) {
|
|
136
140
|
setTagInput("");
|
|
137
141
|
setTagCursorPos(value.length);
|
|
138
|
-
resetInput.current = false;
|
|
139
142
|
}
|
|
143
|
+
|
|
144
|
+
skipReset.current = false;
|
|
140
145
|
}, [value]);
|
|
141
146
|
/**
|
|
142
147
|
* Handler for the `onEnter` event on the tag input
|
|
@@ -152,7 +157,6 @@ const HvTagsInput = props => {
|
|
|
152
157
|
};
|
|
153
158
|
const newTagsArr = [...value, newTag];
|
|
154
159
|
setValue(newTagsArr);
|
|
155
|
-
resetInput.current = true;
|
|
156
160
|
performValidation(newTagsArr);
|
|
157
161
|
onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
|
|
158
162
|
onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
|
|
@@ -210,8 +214,21 @@ const HvTagsInput = props => {
|
|
|
210
214
|
var _inputRef$current2;
|
|
211
215
|
|
|
212
216
|
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
|
|
217
|
+
clearTimeout(blurTimeout.current);
|
|
213
218
|
setTagCursorPos(value.length);
|
|
214
219
|
}, [value.length]);
|
|
220
|
+
|
|
221
|
+
const onBlurHandler = evt => {
|
|
222
|
+
blurTimeout.current = setTimeout(() => {
|
|
223
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
|
|
224
|
+
}, 250);
|
|
225
|
+
};
|
|
226
|
+
|
|
227
|
+
const onFocusHandler = evt => {
|
|
228
|
+
clearTimeout(blurTimeout.current);
|
|
229
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt, tagInput);
|
|
230
|
+
};
|
|
231
|
+
|
|
215
232
|
return /*#__PURE__*/React.createElement(HvFormElement, {
|
|
216
233
|
id: id,
|
|
217
234
|
name: name,
|
|
@@ -219,6 +236,8 @@ const HvTagsInput = props => {
|
|
|
219
236
|
readOnly: readOnly,
|
|
220
237
|
status: validationState,
|
|
221
238
|
required: required,
|
|
239
|
+
onBlur: onBlurHandler,
|
|
240
|
+
onFocus: onFocusHandler,
|
|
222
241
|
className: clsx(classes.root, className, disabled && classes.disabled)
|
|
223
242
|
}, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
|
|
224
243
|
className: classes.labelContainer
|
|
@@ -492,6 +511,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
|
|
|
492
511
|
*/
|
|
493
512
|
onChange: PropTypes.func,
|
|
494
513
|
|
|
514
|
+
/**
|
|
515
|
+
* The function that will be executed when the element is focused.
|
|
516
|
+
*/
|
|
517
|
+
onFocus: PropTypes.func,
|
|
518
|
+
|
|
519
|
+
/**
|
|
520
|
+
* The function that will be executed when the element is blurred.
|
|
521
|
+
*/
|
|
522
|
+
onBlur: PropTypes.func,
|
|
523
|
+
|
|
495
524
|
/**
|
|
496
525
|
* The function that will be executed when a tag is deleted.
|
|
497
526
|
*/
|