box-ui-elements 15.0.0-beta.7 → 15.0.0

package/es/features/classification/security-controls/utils.js.flow

@@ -1,9 +1,12 @@
 // @flow
+import * as React from 'react';
 import getProp from 'lodash/get';
 import isNil from 'lodash/isNil';
 
 import type { Controls, MessageItem } from '../flowTypes';
 
+import FormattedCompMessage from '../../../components/i18n/FormattedCompMessage';
+import Link from '../../../components/link/Link';
 import appRestrictionsMessageMap from './appRestrictionsMessageMap';
 import downloadRestrictionsMessageMap from './downloadRestrictionsMessageMap';
 import messages from './messages';
@@ -15,47 +18,41 @@ import {
     SHARED_LINK_ACCESS_LEVEL,
 } from '../constants';
 
-const { SHARED_LINK, DOWNLOAD, EXTERNAL_COLLAB, APP } = ACCESS_POLICY_RESTRICTION;
+const { SHARED_LINK, DOWNLOAD, EXTERNAL_COLLAB, APP, WATERMARK } = ACCESS_POLICY_RESTRICTION;
 const { DEFAULT, WITH_APP_LIST, WITH_OVERFLOWN_APP_LIST } = APP_RESTRICTION_MESSAGE_TYPE;
 const { DESKTOP, MOBILE, WEB } = DOWNLOAD_CONTROL;
 const { BLOCK, WHITELIST, BLACKLIST } = LIST_ACCESS_LEVEL;
 const { COLLAB_ONLY, COLLAB_AND_COMPANY_ONLY, PUBLIC } = SHARED_LINK_ACCESS_LEVEL;
 
-const getShortSecurityControlsMessage = (controls: Controls): ?MessageItem => {
-    const { sharedLink, download, externalCollab, app } = controls;
+const getShortSecurityControlsMessage = (controls: Controls): Array<MessageItem> => {
+    const items = [];
+    const { sharedLink, download, externalCollab, app, watermark } = controls;
+
     // Shared link and external collab restrictions are grouped
     // together as generic "sharing" restrictions
     const sharing = (sharedLink && sharedLink.accessLevel !== PUBLIC) || externalCollab;
 
     if (sharing && download && app) {
-        return { message: messages.shortAllRestrictions };
-    }
-
-    if (sharing && download) {
-        return { message: messages.shortSharingDownload };
-    }
-
-    if (sharing && app) {
-        return { message: messages.shortSharingApp };
-    }
-
-    if (download && app) {
-        return { message: messages.shortDownloadApp };
-    }
-
-    if (sharing) {
-        return { message: messages.shortSharing };
+        items.push({ message: messages.shortAllRestrictions });
+    } else if (sharing && download) {
+        items.push({ message: messages.shortSharingDownload });
+    } else if (sharing && app) {
+        items.push({ message: messages.shortSharingApp });
+    } else if (download && app) {
+        items.push({ message: messages.shortDownloadApp });
+    } else if (sharing) {
+        items.push({ message: messages.shortSharing });
+    } else if (download) {
+        items.push({ message: messages.shortDownload });
+    } else if (app) {
+        items.push({ message: messages.shortApp });
     }
 
-    if (download) {
-        return { message: messages.shortDownload };
+    if (watermark) {
+        items.push({ message: messages.shortWatermarking });
     }
 
-    if (app) {
-        return { message: messages.shortApp };
-    }
-
-    return null;
+    return items;
 };
 
 const getSharedLinkMessages = (controls: Controls): Array<MessageItem> => {
@@ -76,6 +73,32 @@ const getSharedLinkMessages = (controls: Controls): Array<MessageItem> => {
     return items;
 };
 
+const getWatermarkingMessages = (controls: Controls): Array<MessageItem> => {
+    const items = [];
+    const isWatermarkEnabled = getProp(controls, `${WATERMARK}.enabled`, false);
+    if (isWatermarkEnabled) {
+        const formattedCompMessage = (
+            <FormattedCompMessage
+                id="boxui.securityControls.watermarkingAppliedWithLink"
+                description="Bullet point that summarizes watermarking applied to classification"
+            >
+                Watermarking will be applied, click{' '}
+                <Link
+                    className="support-link"
+                    href="https://support.box.com/hc/en-us/articles/360044195253"
+                    target="_blank"
+                >
+                    here
+                </Link>{' '}
+                more details on Watermarking
+            </FormattedCompMessage>
+        );
+        items.push({ message: formattedCompMessage });
+    }
+
+    return items;
+};
+
 const getExternalCollabMessages = (controls: Controls): Array<MessageItem> => {
     const items = [];
     const accessLevel = getProp(controls, `${EXTERNAL_COLLAB}.accessLevel`);
@@ -191,6 +214,7 @@ const getFullSecurityControlsMessages = (controls: Controls, maxAppCount?: numbe
         ...getExternalCollabMessages(controls),
         ...getDownloadMessages(controls),
         ...getAppDownloadMessages(controls, maxAppCount),
+        ...getWatermarkingMessages(controls),
     ];
     return items;
 };

package/es/features/classification/security-controls/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/classification/security-controls/utils.js"],"names":["getProp","isNil","appRestrictionsMessageMap","downloadRestrictionsMessageMap","messages","ACCESS_POLICY_RESTRICTION","APP_RESTRICTION_MESSAGE_TYPE","DOWNLOAD_CONTROL","LIST_ACCESS_LEVEL","SHARED_LINK_ACCESS_LEVEL","SHARED_LINK","DOWNLOAD","EXTERNAL_COLLAB","APP","DEFAULT","WITH_APP_LIST","WITH_OVERFLOWN_APP_LIST","DESKTOP","MOBILE","WEB","BLOCK","WHITELIST","BLACKLIST","COLLAB_ONLY","COLLAB_AND_COMPANY_ONLY","PUBLIC","getShortSecurityControlsMessage","controls","sharedLink","download","externalCollab","app","sharing","accessLevel","message","shortAllRestrictions","shortSharingDownload","shortSharingApp","shortDownloadApp","shortSharing","shortDownload","shortApp","getSharedLinkMessages","items","push","sharingCollabOnly","sharingCollabAndCompanyOnly","getExternalCollabMessages","externalCollabBlock","externalCollabDomainList","getAppDownloadMessages","maxAppCount","appDownloadRestricted","apps","length","appsToDisplay","slice","remainingAppCount","appNames","map","displayText","join","appsList","values","tooltipMessage","allAppNames","messageType","getDownloadMessages","web","mobile","desktop","downloadRestrictions","platform","restrictions","Object","keys","forEach","platformKey","restrictExternalUsers","restrictManagedUsers","externalRestricted","externalAllowed","default","getFullSecurityControlsMessages"],"mappings":";;;;;;;;;;;;;;AACA,OAAOA,OAAP,MAAoB,YAApB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AAIA,OAAOC,yBAAP,MAAsC,6BAAtC;AACA,OAAOC,8BAAP,MAA2C,kCAA3C;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SACIC,yBADJ,EAEIC,4BAFJ,EAGIC,gBAHJ,EAIIC,iBAJJ,EAKIC,wBALJ,QAMO,cANP;IAQQC,W,GAAgDL,yB,CAAhDK,W;IAAaC,Q,GAAmCN,yB,CAAnCM,Q;IAAUC,e,GAAyBP,yB,CAAzBO,e;IAAiBC,G,GAAQR,yB,CAARQ,G;IACxCC,O,GAAoDR,4B,CAApDQ,O;IAASC,a,GAA2CT,4B,CAA3CS,a;IAAeC,uB,GAA4BV,4B,CAA5BU,uB;IACxBC,O,GAAyBV,gB,CAAzBU,O;IAASC,M,GAAgBX,gB,CAAhBW,M;IAAQC,G,GAAQZ,gB,CAARY,G;IACjBC,K,GAAgCZ,iB,CAAhCY,K;IAAOC,S,GAAyBb,iB,CAAzBa,S;IAAWC,S,GAAcd,iB,CAAdc,S;IAClBC,W,GAAiDd,wB,CAAjDc,W;IAAaC,uB,GAAoCf,wB,CAApCe,uB;IAAyBC,M,GAAWhB,wB,CAAXgB,M;;AAE9C,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CAACC,QAAD,EAAsC;AAAA,MAClEC,UADkE,GACpBD,QADoB,CAClEC,UADkE;AAAA,MACtDC,QADsD,GACpBF,QADoB,CACtDE,QADsD;AAAA,MAC5CC,cAD4C,GACpBH,QADoB,CAC5CG,cAD4C;AAAA,MAC5BC,GAD4B,GACpBJ,QADoB,CAC5BI,GAD4B,EAE1E;AACA;;AACA,MAAMC,OAAO,GAAIJ,UAAU,IAAIA,UAAU,CAACK,WAAX,KAA2BR,MAA1C,IAAqDK,cAArE;;AAEA,MAAIE,OAAO,IAAIH,QAAX,IAAuBE,GAA3B,EAAgC;AAC5B,WAAO;AAAEG,MAAAA,OAAO,EAAE9B,QAAQ,CAAC+B;AAApB,KAAP;AACH;;AAED,MAAIH,OAAO,IAAIH,QAAf,EAAyB;AACrB,WAAO;AAAEK,MAAAA,OAAO,EAAE9B,QAAQ,CAACgC;AAApB,KAAP;AACH;;AAED,MAAIJ,OAAO,IAAID,GAAf,EAAoB;AAChB,WAAO;AAAEG,MAAAA,OAAO,EAAE9B,QAAQ,CAACiC;AAApB,KAAP;AACH;;AAED,MAAIR,QAAQ,IAAIE,GAAhB,EAAqB;AACjB,WAAO;AAAEG,MAAAA,OAAO,EAAE9B,QAAQ,CAACkC;AAApB,KAAP;AACH;;AAED,MAAIN,OAAJ,EAAa;AACT,WAAO;AAAEE,MAAAA,OAAO,EAAE9B,QAAQ,CAACmC;AAApB,KAAP;AACH;;AAED,MAAIV,QAAJ,EAAc;AACV,WAAO;AAAEK,MAAAA,OAAO,EAAE9B,QAAQ,CAACoC;AAApB,KAAP;AACH;;AAED,MAAIT,GAAJ,EAAS;AACL,WAAO;AAAEG,MAAAA,OAAO,EAAE9B,QAAQ,CAACqC;AAApB,KAAP;AACH;;AAED,SAAO,IAAP;AACH,CAnCD;;AAqCA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACf,QAAD,EAA4C;AACtE,MAAMgB,KAAK,GAAG,EAAd;AACA,MAAMV,WAAW,GAAGjC,OAAO,CAAC2B,QAAD,YAAcjB,WAAd,kBAA3B;;AAEA,UAAQuB,WAAR;AACI,SAAKV,WAAL;AACIoB,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE9B,QAAQ,CAACyC;AAApB,OAAX;AACA;;AACJ,SAAKrB,uBAAL;AACImB,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE9B,QAAQ,CAAC0C;AAApB,OAAX;AACA;;AACJ;AACI;AACA;AATR;;AAWA,SAAOH,KAAP;AACH,CAhBD;;AAkBA,IAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACpB,QAAD,EAA4C;AAC1E,MAAMgB,KAAK,GAAG,EAAd;AACA,MAAMV,WAAW,GAAGjC,OAAO,CAAC2B,QAAD,YAAcf,eAAd,kBAA3B;;AAEA,UAAQqB,WAAR;AACI,SAAKb,KAAL;AACIuB,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE9B,QAAQ,CAAC4C;AAApB,OAAX;AACA;;AACJ,SAAK3B,SAAL;AACA,SAAKC,SAAL;AACIqB,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE9B,QAAQ,CAAC6C;AAApB,OAAX;AACA;;AACJ;AACI;AACA;AAVR;;AAYA,SAAON,KAAP;AACH,CAjBD;;AAmBA,IAAMO,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACvB,QAAD,EAAqBwB,WAArB,EAAkE;AAC7F,MAAMR,KAAK,GAAG,EAAd;AACA,MAAMV,WAAW,GAAGjC,OAAO,CAAC2B,QAAD,YAAcd,GAAd,kBAA3B;;AAEA,UAAQoB,WAAR;AACI,SAAKb,KAAL;AACIuB,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE9B,QAAQ,CAACgD;AAApB,OAAX;AACA;;AACJ,SAAK/B,SAAL;AACA,SAAKC,SAAL;AAAgB;AACZ,YAAM+B,IAAI,GAAGrD,OAAO,CAAC2B,QAAD,YAAcd,GAAd,YAA0B,EAA1B,CAApB;AAEAsC,QAAAA,WAAW,GAAGlD,KAAK,CAACkD,WAAD,CAAL,GAAqBE,IAAI,CAACC,MAA1B,GAAmCH,WAAjD;AACA,YAAMI,aAAa,GAAGF,IAAI,CAACG,KAAL,CAAW,CAAX,EAAcL,WAAd,CAAtB;AACA,YAAMM,iBAAiB,GAAGJ,IAAI,CAACG,KAAL,CAAWL,WAAX,EAAwBG,MAAlD;AACA,YAAMI,QAAQ,GAAGH,aAAa,CAACI,GAAd,CAAkB;AAAA,cAAGC,WAAH,QAAGA,WAAH;AAAA,iBAAqBA,WAArB;AAAA,SAAlB,EAAoDC,IAApD,CAAyD,IAAzD,CAAjB;;AAEA,YAAIJ,iBAAJ,EAAuB;AACnB,cAAMK,QAAQ,GAAGT,IAAI,CAACM,GAAL,CAAS;AAAA,gBAAGC,WAAH,SAAGA,WAAH;AAAA,mBAAqBA,WAArB;AAAA,WAAT,EAA2CC,IAA3C,CAAgD,IAAhD,CAAjB;AAEAlB,UAAAA,KAAK,CAACC,IAAN,CAAW;AACPV,YAAAA,OAAO,oBACAhC,yBAAyB,CAAC+B,WAAD,CAAzB,CAAuCjB,uBAAvC,CADA;AAEH+C,cAAAA,MAAM,EAAE;AAAEL,gBAAAA,QAAQ,EAARA,QAAF;AAAYD,gBAAAA,iBAAiB,EAAjBA;AAAZ;AAFL,cADA;AAKPO,YAAAA,cAAc,oBACP5D,QAAQ,CAAC6D,WADF;AAEVF,cAAAA,MAAM,EAAE;AAAED,gBAAAA,QAAQ,EAARA;AAAF;AAFE;AALP,WAAX;AAUH,SAbD,MAaO;AACH;AACA;AACA,cAAMI,WAAW,GAAGb,IAAI,CAACC,MAAL,GAAcvC,aAAd,GAA8BD,OAAlD;AAEA6B,UAAAA,KAAK,CAACC,IAAN,CAAW;AACPV,YAAAA,OAAO,oBACAhC,yBAAyB,CAAC+B,WAAD,CAAzB,CAAuCiC,WAAvC,CADA;AAEHH,cAAAA,MAAM,EAAE;AAAEL,gBAAAA,QAAQ,EAARA;AAAF;AAFL;AADA,WAAX;AAMH;;AACD;AACH;;AACD;AACI;AACA;AA1CR;;AA4CA,SAAOf,KAAP;AACH,CAjDD;;AAmDA,IAAMwB,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACxC,QAAD,EAA4C;AAAA;;AACpE,MAAMgB,KAAK,GAAG,EAAd;;AADoE,iBAEnC3C,OAAO,CAAC2B,QAAD,EAAWhB,QAAX,EAAqB,EAArB,CAF4B;AAAA,MAE5DyD,GAF4D,YAE5DA,GAF4D;AAAA,MAEvDC,MAFuD,YAEvDA,MAFuD;AAAA,MAE/CC,OAF+C,YAE/CA,OAF+C;;AAIpE,MAAMC,oBAAoB,uEACrBpD,GADqB,EACf;AACHqD,IAAAA,QAAQ,EAAErD,GADP;AAEHsD,IAAAA,YAAY,EAAEL;AAFX,GADe,0CAKrBlD,MALqB,EAKZ;AACNsD,IAAAA,QAAQ,EAAEtD,MADJ;AAENuD,IAAAA,YAAY,EAAEJ;AAFR,GALY,0CASrBpD,OATqB,EASX;AACPuD,IAAAA,QAAQ,EAAEvD,OADH;AAEPwD,IAAAA,YAAY,EAAEH;AAFP,GATW,yBAA1B;AAeAI,EAAAA,MAAM,CAACC,IAAP,CAAYJ,oBAAZ,EAAkCK,OAAlC,CAA0C,UAAAC,WAAW,EAAI;AAAA,iCAClBN,oBAAoB,CAACM,WAAD,CADF;AAAA,QAC7CL,QAD6C,0BAC7CA,QAD6C;AAAA,QACnCC,YADmC,0BACnCA,YADmC;;AAGrD,QAAI,CAACA,YAAL,EAAmB;AACf;AACH;;AALoD,QAM7CK,qBAN6C,GAMGL,YANH,CAM7CK,qBAN6C;AAAA,QAMtBC,oBANsB,GAMGN,YANH,CAMtBM,oBANsB;;AAQrD,QAAIA,oBAAoB,IAAID,qBAA5B,EAAmD;AAC/CnC,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE/B,8BAA8B,CAACqE,QAAD,CAA9B,CAAyCQ,kBAAzC,CAA4DD,oBAA5D;AAAX,OAAX;AACH,KAFD,MAEO,IAAIA,oBAAJ,EAA0B;AAC7BpC,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE/B,8BAA8B,CAACqE,QAAD,CAA9B,CAAyCS,eAAzC,CAAyDF,oBAAzD;AAAX,OAAX;AACH,KAFM,MAEA,IAAID,qBAAJ,EAA2B;AAC9BnC,MAAAA,KAAK,CAACC,IAAN,CAAW;AAAEV,QAAAA,OAAO,EAAE/B,8BAA8B,CAACqE,QAAD,CAA9B,CAAyCQ,kBAAzC,CAA4DE;AAAvE,OAAX;AACH;AACJ,GAfD;AAiBA,SAAOvC,KAAP;AACH,CArCD;;AAuCA,IAAMwC,+BAA+B,GAAG,SAAlCA,+BAAkC,CAACxD,QAAD,EAAqBwB,WAArB,EAAkE;AACtG,MAAMR,KAAK,gCACJD,qBAAqB,CAACf,QAAD,CADjB,sBAEJoB,yBAAyB,CAACpB,QAAD,CAFrB,sBAGJwC,mBAAmB,CAACxC,QAAD,CAHf,sBAIJuB,sBAAsB,CAACvB,QAAD,EAAWwB,WAAX,CAJlB,EAAX;AAMA,SAAOR,KAAP;AACH,CARD;;AAUA,SAASjB,+BAAT,EAA0CyD,+BAA1C","sourcesContent":["// @flow\nimport getProp from 'lodash/get';\nimport isNil from 'lodash/isNil';\n\nimport type { Controls, MessageItem } from '../flowTypes';\n\nimport appRestrictionsMessageMap from './appRestrictionsMessageMap';\nimport downloadRestrictionsMessageMap from './downloadRestrictionsMessageMap';\nimport messages from './messages';\nimport {\n    ACCESS_POLICY_RESTRICTION,\n    APP_RESTRICTION_MESSAGE_TYPE,\n    DOWNLOAD_CONTROL,\n    LIST_ACCESS_LEVEL,\n    SHARED_LINK_ACCESS_LEVEL,\n} from '../constants';\n\nconst { SHARED_LINK, DOWNLOAD, EXTERNAL_COLLAB, APP } = ACCESS_POLICY_RESTRICTION;\nconst { DEFAULT, WITH_APP_LIST, WITH_OVERFLOWN_APP_LIST } = APP_RESTRICTION_MESSAGE_TYPE;\nconst { DESKTOP, MOBILE, WEB } = DOWNLOAD_CONTROL;\nconst { BLOCK, WHITELIST, BLACKLIST } = LIST_ACCESS_LEVEL;\nconst { COLLAB_ONLY, COLLAB_AND_COMPANY_ONLY, PUBLIC } = SHARED_LINK_ACCESS_LEVEL;\n\nconst getShortSecurityControlsMessage = (controls: Controls): ?MessageItem => {\n    const { sharedLink, download, externalCollab, app } = controls;\n    // Shared link and external collab restrictions are grouped\n    // together as generic \"sharing\" restrictions\n    const sharing = (sharedLink && sharedLink.accessLevel !== PUBLIC) || externalCollab;\n\n    if (sharing && download && app) {\n        return { message: messages.shortAllRestrictions };\n    }\n\n    if (sharing && download) {\n        return { message: messages.shortSharingDownload };\n    }\n\n    if (sharing && app) {\n        return { message: messages.shortSharingApp };\n    }\n\n    if (download && app) {\n        return { message: messages.shortDownloadApp };\n    }\n\n    if (sharing) {\n        return { message: messages.shortSharing };\n    }\n\n    if (download) {\n        return { message: messages.shortDownload };\n    }\n\n    if (app) {\n        return { message: messages.shortApp };\n    }\n\n    return null;\n};\n\nconst getSharedLinkMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const accessLevel = getProp(controls, `${SHARED_LINK}.accessLevel`);\n\n    switch (accessLevel) {\n        case COLLAB_ONLY:\n            items.push({ message: messages.sharingCollabOnly });\n            break;\n        case COLLAB_AND_COMPANY_ONLY:\n            items.push({ message: messages.sharingCollabAndCompanyOnly });\n            break;\n        default:\n            // no-op\n            break;\n    }\n    return items;\n};\n\nconst getExternalCollabMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const accessLevel = getProp(controls, `${EXTERNAL_COLLAB}.accessLevel`);\n\n    switch (accessLevel) {\n        case BLOCK:\n            items.push({ message: messages.externalCollabBlock });\n            break;\n        case WHITELIST:\n        case BLACKLIST:\n            items.push({ message: messages.externalCollabDomainList });\n            break;\n        default:\n            // no-op\n            break;\n    }\n    return items;\n};\n\nconst getAppDownloadMessages = (controls: Controls, maxAppCount?: number): Array<MessageItem> => {\n    const items = [];\n    const accessLevel = getProp(controls, `${APP}.accessLevel`);\n\n    switch (accessLevel) {\n        case BLOCK:\n            items.push({ message: messages.appDownloadRestricted });\n            break;\n        case WHITELIST:\n        case BLACKLIST: {\n            const apps = getProp(controls, `${APP}.apps`, []);\n\n            maxAppCount = isNil(maxAppCount) ? apps.length : maxAppCount;\n            const appsToDisplay = apps.slice(0, maxAppCount);\n            const remainingAppCount = apps.slice(maxAppCount).length;\n            const appNames = appsToDisplay.map(({ displayText }) => displayText).join(', ');\n\n            if (remainingAppCount) {\n                const appsList = apps.map(({ displayText }) => displayText).join(', ');\n\n                items.push({\n                    message: {\n                        ...appRestrictionsMessageMap[accessLevel][WITH_OVERFLOWN_APP_LIST],\n                        values: { appNames, remainingAppCount },\n                    },\n                    tooltipMessage: {\n                        ...messages.allAppNames,\n                        values: { appsList },\n                    },\n                });\n            } else {\n                // Display list of apps if available, otherwise use generic\n                // app restriction copy\n                const messageType = apps.length ? WITH_APP_LIST : DEFAULT;\n\n                items.push({\n                    message: {\n                        ...appRestrictionsMessageMap[accessLevel][messageType],\n                        values: { appNames },\n                    },\n                });\n            }\n            break;\n        }\n        default:\n            // no-op\n            break;\n    }\n    return items;\n};\n\nconst getDownloadMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const { web, mobile, desktop } = getProp(controls, DOWNLOAD, {});\n\n    const downloadRestrictions = {\n        [WEB]: {\n            platform: WEB,\n            restrictions: web,\n        },\n        [MOBILE]: {\n            platform: MOBILE,\n            restrictions: mobile,\n        },\n        [DESKTOP]: {\n            platform: DESKTOP,\n            restrictions: desktop,\n        },\n    };\n\n    Object.keys(downloadRestrictions).forEach(platformKey => {\n        const { platform, restrictions } = downloadRestrictions[platformKey];\n\n        if (!restrictions) {\n            return;\n        }\n        const { restrictExternalUsers, restrictManagedUsers } = restrictions;\n\n        if (restrictManagedUsers && restrictExternalUsers) {\n            items.push({ message: downloadRestrictionsMessageMap[platform].externalRestricted[restrictManagedUsers] });\n        } else if (restrictManagedUsers) {\n            items.push({ message: downloadRestrictionsMessageMap[platform].externalAllowed[restrictManagedUsers] });\n        } else if (restrictExternalUsers) {\n            items.push({ message: downloadRestrictionsMessageMap[platform].externalRestricted.default });\n        }\n    });\n\n    return items;\n};\n\nconst getFullSecurityControlsMessages = (controls: Controls, maxAppCount?: number): Array<MessageItem> => {\n    const items = [\n        ...getSharedLinkMessages(controls),\n        ...getExternalCollabMessages(controls),\n        ...getDownloadMessages(controls),\n        ...getAppDownloadMessages(controls, maxAppCount),\n    ];\n    return items;\n};\n\nexport { getShortSecurityControlsMessage, getFullSecurityControlsMessages };\n"],"file":"utils.js"}
+{"version":3,"sources":["../../../../src/features/classification/security-controls/utils.js"],"names":["React","getProp","isNil","FormattedCompMessage","Link","appRestrictionsMessageMap","downloadRestrictionsMessageMap","messages","ACCESS_POLICY_RESTRICTION","APP_RESTRICTION_MESSAGE_TYPE","DOWNLOAD_CONTROL","LIST_ACCESS_LEVEL","SHARED_LINK_ACCESS_LEVEL","SHARED_LINK","DOWNLOAD","EXTERNAL_COLLAB","APP","WATERMARK","DEFAULT","WITH_APP_LIST","WITH_OVERFLOWN_APP_LIST","DESKTOP","MOBILE","WEB","BLOCK","WHITELIST","BLACKLIST","COLLAB_ONLY","COLLAB_AND_COMPANY_ONLY","PUBLIC","getShortSecurityControlsMessage","controls","items","sharedLink","download","externalCollab","app","watermark","sharing","accessLevel","push","message","shortAllRestrictions","shortSharingDownload","shortSharingApp","shortDownloadApp","shortSharing","shortDownload","shortApp","shortWatermarking","getSharedLinkMessages","sharingCollabOnly","sharingCollabAndCompanyOnly","getWatermarkingMessages","isWatermarkEnabled","formattedCompMessage","getExternalCollabMessages","externalCollabBlock","externalCollabDomainList","getAppDownloadMessages","maxAppCount","appDownloadRestricted","apps","length","appsToDisplay","slice","remainingAppCount","appNames","map","displayText","join","appsList","values","tooltipMessage","allAppNames","messageType","getDownloadMessages","web","mobile","desktop","downloadRestrictions","platform","restrictions","Object","keys","forEach","platformKey","restrictExternalUsers","restrictManagedUsers","externalRestricted","externalAllowed","default","getFullSecurityControlsMessages"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport isNil from 'lodash/isNil';\n\nimport type { Controls, MessageItem } from '../flowTypes';\n\nimport FormattedCompMessage from '../../../components/i18n/FormattedCompMessage';\nimport Link from '../../../components/link/Link';\nimport appRestrictionsMessageMap from './appRestrictionsMessageMap';\nimport downloadRestrictionsMessageMap from './downloadRestrictionsMessageMap';\nimport messages from './messages';\nimport {\n    ACCESS_POLICY_RESTRICTION,\n    APP_RESTRICTION_MESSAGE_TYPE,\n    DOWNLOAD_CONTROL,\n    LIST_ACCESS_LEVEL,\n    SHARED_LINK_ACCESS_LEVEL,\n} from '../constants';\n\nconst { SHARED_LINK, DOWNLOAD, EXTERNAL_COLLAB, APP, WATERMARK } = ACCESS_POLICY_RESTRICTION;\nconst { DEFAULT, WITH_APP_LIST, WITH_OVERFLOWN_APP_LIST } = APP_RESTRICTION_MESSAGE_TYPE;\nconst { DESKTOP, MOBILE, WEB } = DOWNLOAD_CONTROL;\nconst { BLOCK, WHITELIST, BLACKLIST } = LIST_ACCESS_LEVEL;\nconst { COLLAB_ONLY, COLLAB_AND_COMPANY_ONLY, PUBLIC } = SHARED_LINK_ACCESS_LEVEL;\n\nconst getShortSecurityControlsMessage = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const { sharedLink, download, externalCollab, app, watermark } = controls;\n\n    // Shared link and external collab restrictions are grouped\n    // together as generic \"sharing\" restrictions\n    const sharing = (sharedLink && sharedLink.accessLevel !== PUBLIC) || externalCollab;\n\n    if (sharing && download && app) {\n        items.push({ message: messages.shortAllRestrictions });\n    } else if (sharing && download) {\n        items.push({ message: messages.shortSharingDownload });\n    } else if (sharing && app) {\n        items.push({ message: messages.shortSharingApp });\n    } else if (download && app) {\n        items.push({ message: messages.shortDownloadApp });\n    } else if (sharing) {\n        items.push({ message: messages.shortSharing });\n    } else if (download) {\n        items.push({ message: messages.shortDownload });\n    } else if (app) {\n        items.push({ message: messages.shortApp });\n    }\n\n    if (watermark) {\n        items.push({ message: messages.shortWatermarking });\n    }\n\n    return items;\n};\n\nconst getSharedLinkMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const accessLevel = getProp(controls, `${SHARED_LINK}.accessLevel`);\n\n    switch (accessLevel) {\n        case COLLAB_ONLY:\n            items.push({ message: messages.sharingCollabOnly });\n            break;\n        case COLLAB_AND_COMPANY_ONLY:\n            items.push({ message: messages.sharingCollabAndCompanyOnly });\n            break;\n        default:\n            // no-op\n            break;\n    }\n    return items;\n};\n\nconst getWatermarkingMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const isWatermarkEnabled = getProp(controls, `${WATERMARK}.enabled`, false);\n    if (isWatermarkEnabled) {\n        const formattedCompMessage = (\n            <FormattedCompMessage\n                id=\"boxui.securityControls.watermarkingAppliedWithLink\"\n                description=\"Bullet point that summarizes watermarking applied to classification\"\n            >\n                Watermarking will be applied, click{' '}\n                <Link\n                    className=\"support-link\"\n                    href=\"https://support.box.com/hc/en-us/articles/360044195253\"\n                    target=\"_blank\"\n                >\n                    here\n                </Link>{' '}\n                more details on Watermarking\n            </FormattedCompMessage>\n        );\n        items.push({ message: formattedCompMessage });\n    }\n\n    return items;\n};\n\nconst getExternalCollabMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const accessLevel = getProp(controls, `${EXTERNAL_COLLAB}.accessLevel`);\n\n    switch (accessLevel) {\n        case BLOCK:\n            items.push({ message: messages.externalCollabBlock });\n            break;\n        case WHITELIST:\n        case BLACKLIST:\n            items.push({ message: messages.externalCollabDomainList });\n            break;\n        default:\n            // no-op\n            break;\n    }\n    return items;\n};\n\nconst getAppDownloadMessages = (controls: Controls, maxAppCount?: number): Array<MessageItem> => {\n    const items = [];\n    const accessLevel = getProp(controls, `${APP}.accessLevel`);\n\n    switch (accessLevel) {\n        case BLOCK:\n            items.push({ message: messages.appDownloadRestricted });\n            break;\n        case WHITELIST:\n        case BLACKLIST: {\n            const apps = getProp(controls, `${APP}.apps`, []);\n\n            maxAppCount = isNil(maxAppCount) ? apps.length : maxAppCount;\n            const appsToDisplay = apps.slice(0, maxAppCount);\n            const remainingAppCount = apps.slice(maxAppCount).length;\n            const appNames = appsToDisplay.map(({ displayText }) => displayText).join(', ');\n\n            if (remainingAppCount) {\n                const appsList = apps.map(({ displayText }) => displayText).join(', ');\n\n                items.push({\n                    message: {\n                        ...appRestrictionsMessageMap[accessLevel][WITH_OVERFLOWN_APP_LIST],\n                        values: { appNames, remainingAppCount },\n                    },\n                    tooltipMessage: {\n                        ...messages.allAppNames,\n                        values: { appsList },\n                    },\n                });\n            } else {\n                // Display list of apps if available, otherwise use generic\n                // app restriction copy\n                const messageType = apps.length ? WITH_APP_LIST : DEFAULT;\n\n                items.push({\n                    message: {\n                        ...appRestrictionsMessageMap[accessLevel][messageType],\n                        values: { appNames },\n                    },\n                });\n            }\n            break;\n        }\n        default:\n            // no-op\n            break;\n    }\n    return items;\n};\n\nconst getDownloadMessages = (controls: Controls): Array<MessageItem> => {\n    const items = [];\n    const { web, mobile, desktop } = getProp(controls, DOWNLOAD, {});\n\n    const downloadRestrictions = {\n        [WEB]: {\n            platform: WEB,\n            restrictions: web,\n        },\n        [MOBILE]: {\n            platform: MOBILE,\n            restrictions: mobile,\n        },\n        [DESKTOP]: {\n            platform: DESKTOP,\n            restrictions: desktop,\n        },\n    };\n\n    Object.keys(downloadRestrictions).forEach(platformKey => {\n        const { platform, restrictions } = downloadRestrictions[platformKey];\n\n        if (!restrictions) {\n            return;\n        }\n        const { restrictExternalUsers, restrictManagedUsers } = restrictions;\n\n        if (restrictManagedUsers && restrictExternalUsers) {\n            items.push({ message: downloadRestrictionsMessageMap[platform].externalRestricted[restrictManagedUsers] });\n        } else if (restrictManagedUsers) {\n            items.push({ message: downloadRestrictionsMessageMap[platform].externalAllowed[restrictManagedUsers] });\n        } else if (restrictExternalUsers) {\n            items.push({ message: downloadRestrictionsMessageMap[platform].externalRestricted.default });\n        }\n    });\n\n    return items;\n};\n\nconst getFullSecurityControlsMessages = (controls: Controls, maxAppCount?: number): Array<MessageItem> => {\n    const items = [\n        ...getSharedLinkMessages(controls),\n        ...getExternalCollabMessages(controls),\n        ...getDownloadMessages(controls),\n        ...getAppDownloadMessages(controls, maxAppCount),\n        ...getWatermarkingMessages(controls),\n    ];\n    return items;\n};\n\nexport { getShortSecurityControlsMessage, getFullSecurityControlsMessages };\n"],"file":"utils.js"}

package/es/features/collapsible-sidebar/CollapsibleSidebar.js

@@ -119,15 +119,21 @@ function (_React$Component) {
           children = _this$props.children,
           className = _this$props.className,
           expanded = _this$props.expanded,
+          isHidden = _this$props.isHidden,
           htmlAttributes = _this$props.htmlAttributes;
-      var classes = classNames({
+      var navClasses = classNames({
         'is-expanded': expanded
       }, 'bdl-CollapsibleSidebar', className);
+      var ariaAttributes = {
+        'aria-hidden': isHidden ? 'true' : undefined
+      };
       return React.createElement("div", _extends({
         className: "bdl-CollapsibleSidebar-wrapper"
-      }, htmlAttributes), React.createElement(StyledNav, {
+      }, htmlAttributes, ariaAttributes, {
+        "data-testid": "CollapsibleSidebar-wrapper"
+      }), React.createElement(StyledNav, {
         ref: this.navRef,
-        className: classes,
+        className: navClasses,
         onKeyDown: this.handleKeyDown
       }, children));
     }

package/es/features/collapsible-sidebar/CollapsibleSidebar.js.flow

@@ -36,6 +36,9 @@ type Props = {
 
     /** Optional HTML attributes to append to menu item */
     htmlAttributes?: Object,
+
+    /** Optionally apply "aria-hidden": "true" to CollapsibleSidebar wrapper */
+    isHidden?: boolean,
 };
 
 class CollapsibleSidebar extends React.Component<Props> {
@@ -81,18 +84,23 @@ class CollapsibleSidebar extends React.Component<Props> {
     };
 
     render() {
-        const { children, className, expanded, htmlAttributes } = this.props;
-        const classes = classNames(
+        const { children, className, expanded, isHidden, htmlAttributes } = this.props;
+        const navClasses = classNames(
             {
                 'is-expanded': expanded,
             },
             'bdl-CollapsibleSidebar',
             className,
         );
-
+        const ariaAttributes = { 'aria-hidden': isHidden ? 'true' : undefined };
         return (
-            <div className="bdl-CollapsibleSidebar-wrapper" {...htmlAttributes}>
-                <StyledNav ref={this.navRef} className={classes} onKeyDown={this.handleKeyDown}>
+            <div
+                className="bdl-CollapsibleSidebar-wrapper"
+                {...htmlAttributes}
+                {...ariaAttributes}
+                data-testid="CollapsibleSidebar-wrapper"
+            >
+                <StyledNav ref={this.navRef} className={navClasses} onKeyDown={this.handleKeyDown}>
                     {children}
                 </StyledNav>
             </div>

package/es/features/collapsible-sidebar/CollapsibleSidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/collapsible-sidebar/CollapsibleSidebar.js"],"names":["React","classNames","styled","tabbable","KEYS","StyledNav","nav","props","theme","primary","background","border","foreground","CollapsibleSidebar","createRef","direction","navRef","current","tabbableEls","currentElIndex","findIndex","el","document","activeElement","index","length","focus","event","contains","key","arrowDown","stopPropagation","preventDefault","focusEl","arrowUp","children","className","expanded","htmlAttributes","classes","handleKeyDown","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Sidebar component that supports rendering different elements based on expand/collapse state\n * @author Box\n *\n * A sidebar component that supports collapsed/expanded state and responsive sizing.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport styled from 'styled-components';\nimport tabbable from 'tabbable';\nimport { KEYS } from '../../constants';\n\nimport './CollapsibleSidebar.scss';\n\nconst StyledNav = styled.nav`\n    background-color: ${props => props.theme.primary.background};\n    border-right: 1px solid ${props => props.theme.primary.border};\n    color: ${props => props.theme.primary.foreground};\n\n    .crawler > div {\n        background-color: ${props => props.theme.primary.foreground};\n    }\n`;\n\ntype Props = {\n    /** Primary content */\n    children?: React.Node,\n\n    /** Additional classes */\n    className?: string,\n\n    /** Controls whether or not the sidebar is expanded on the page */\n    expanded?: boolean,\n\n    /** Optional HTML attributes to append to menu item */\n    htmlAttributes?: Object,\n};\n\nclass CollapsibleSidebar extends React.Component<Props> {\n    navRef: { current: null | HTMLElement } = React.createRef();\n\n    static defaultProps = {\n        expanded: false,\n    };\n\n    focusEl = (direction: 'down' | 'up') => {\n        if (this.navRef.current) {\n            const tabbableEls = tabbable(this.navRef.current);\n            const currentElIndex = tabbableEls.findIndex(el => el === document.activeElement);\n            let index;\n            if (direction === 'down') {\n                index = currentElIndex === tabbableEls.length - 1 ? 0 : currentElIndex + 1;\n            } else {\n                index = currentElIndex === 0 ? tabbableEls.length - 1 : currentElIndex - 1;\n            }\n            tabbableEls[index].focus();\n        }\n    };\n\n    handleKeyDown = (event: SyntheticKeyboardEvent<>) => {\n        if (this.navRef.current && this.navRef.current.contains(document.activeElement)) {\n            switch (event.key) {\n                case KEYS.arrowDown:\n                    event.stopPropagation();\n                    event.preventDefault();\n                    this.focusEl('down');\n                    break;\n\n                case KEYS.arrowUp:\n                    event.stopPropagation();\n                    event.preventDefault();\n                    this.focusEl('up');\n                    break;\n\n                default:\n                    break;\n            }\n        }\n    };\n\n    render() {\n        const { children, className, expanded, htmlAttributes } = this.props;\n        const classes = classNames(\n            {\n                'is-expanded': expanded,\n            },\n            'bdl-CollapsibleSidebar',\n            className,\n        );\n\n        return (\n            <div className=\"bdl-CollapsibleSidebar-wrapper\" {...htmlAttributes}>\n                <StyledNav ref={this.navRef} className={classes} onKeyDown={this.handleKeyDown}>\n                    {children}\n                </StyledNav>\n            </div>\n        );\n    }\n}\n\nexport default CollapsibleSidebar;\n"],"file":"CollapsibleSidebar.js"}
+{"version":3,"sources":["../../../src/features/collapsible-sidebar/CollapsibleSidebar.js"],"names":["React","classNames","styled","tabbable","KEYS","StyledNav","nav","props","theme","primary","background","border","foreground","CollapsibleSidebar","createRef","direction","navRef","current","tabbableEls","currentElIndex","findIndex","el","document","activeElement","index","length","focus","event","contains","key","arrowDown","stopPropagation","preventDefault","focusEl","arrowUp","children","className","expanded","isHidden","htmlAttributes","navClasses","ariaAttributes","undefined","handleKeyDown","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Sidebar component that supports rendering different elements based on expand/collapse state\n * @author Box\n *\n * A sidebar component that supports collapsed/expanded state and responsive sizing.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport styled from 'styled-components';\nimport tabbable from 'tabbable';\nimport { KEYS } from '../../constants';\n\nimport './CollapsibleSidebar.scss';\n\nconst StyledNav = styled.nav`\n    background-color: ${props => props.theme.primary.background};\n    border-right: 1px solid ${props => props.theme.primary.border};\n    color: ${props => props.theme.primary.foreground};\n\n    .crawler > div {\n        background-color: ${props => props.theme.primary.foreground};\n    }\n`;\n\ntype Props = {\n    /** Primary content */\n    children?: React.Node,\n\n    /** Additional classes */\n    className?: string,\n\n    /** Controls whether or not the sidebar is expanded on the page */\n    expanded?: boolean,\n\n    /** Optional HTML attributes to append to menu item */\n    htmlAttributes?: Object,\n\n    /** Optionally apply \"aria-hidden\": \"true\" to CollapsibleSidebar wrapper */\n    isHidden?: boolean,\n};\n\nclass CollapsibleSidebar extends React.Component<Props> {\n    navRef: { current: null | HTMLElement } = React.createRef();\n\n    static defaultProps = {\n        expanded: false,\n    };\n\n    focusEl = (direction: 'down' | 'up') => {\n        if (this.navRef.current) {\n            const tabbableEls = tabbable(this.navRef.current);\n            const currentElIndex = tabbableEls.findIndex(el => el === document.activeElement);\n            let index;\n            if (direction === 'down') {\n                index = currentElIndex === tabbableEls.length - 1 ? 0 : currentElIndex + 1;\n            } else {\n                index = currentElIndex === 0 ? tabbableEls.length - 1 : currentElIndex - 1;\n            }\n            tabbableEls[index].focus();\n        }\n    };\n\n    handleKeyDown = (event: SyntheticKeyboardEvent<>) => {\n        if (this.navRef.current && this.navRef.current.contains(document.activeElement)) {\n            switch (event.key) {\n                case KEYS.arrowDown:\n                    event.stopPropagation();\n                    event.preventDefault();\n                    this.focusEl('down');\n                    break;\n\n                case KEYS.arrowUp:\n                    event.stopPropagation();\n                    event.preventDefault();\n                    this.focusEl('up');\n                    break;\n\n                default:\n                    break;\n            }\n        }\n    };\n\n    render() {\n        const { children, className, expanded, isHidden, htmlAttributes } = this.props;\n        const navClasses = classNames(\n            {\n                'is-expanded': expanded,\n            },\n            'bdl-CollapsibleSidebar',\n            className,\n        );\n        const ariaAttributes = { 'aria-hidden': isHidden ? 'true' : undefined };\n        return (\n            <div\n                className=\"bdl-CollapsibleSidebar-wrapper\"\n                {...htmlAttributes}\n                {...ariaAttributes}\n                data-testid=\"CollapsibleSidebar-wrapper\"\n            >\n                <StyledNav ref={this.navRef} className={navClasses} onKeyDown={this.handleKeyDown}>\n                    {children}\n                </StyledNav>\n            </div>\n        );\n    }\n}\n\nexport default CollapsibleSidebar;\n"],"file":"CollapsibleSidebar.js"}

package/es/features/collapsible-sidebar/CollapsibleSidebar.scss

@@ -111,6 +111,12 @@ $left-sidebar-z-index: 40 !default;
     }
 }
 
+@include large-size {
+    .bdl-CollapsibleSidebar-logo {
+        margin-left: $collapsible-side-bar-h-padding + $bdl-grid-unit * 2 - 1px /* border */;
+    }
+}
+
 @include medium-minus-size {
     .bdl-CollapsibleSidebar-logo {
         .bdl-CollapsibleSidebar-toggleButton {
@@ -133,8 +139,34 @@ $left-sidebar-z-index: 40 !default;
     }
 }
 
-@include large-size {
-    .bdl-CollapsibleSidebar-logo {
-        margin-left: $collapsible-side-bar-h-padding + $bdl-grid-unit * 2 - 1px /* border */;
+@include breakpoint($medium-screen) {
+    .Body.is-responsive-web {
+        .bdl-CollapsibleSidebar-wrapper {
+            width: 0;
+        }
+
+        .bdl-CollapsibleSidebar-footer {
+            display: none;
+        }
+
+        .bdl-CollapsibleSidebar-nav ul {
+            display: none;
+            // using fixed width due to performance issues during expand transition
+            width: calc(100vw - (#{$collapsible-side-bar-h-padding} * 2));
+        }
+
+        .bdl-CollapsibleSidebar {
+            width: 0;
+            border: none;
+
+            &.is-expanded {
+                width: 100vw;
+
+                .bdl-CollapsibleSidebar-nav ul,
+                .bdl-CollapsibleSidebar-footer {
+                    display: block;
+                }
+            }
+        }
     }
 }

package/es/features/content-explorer/content-explorer/ContentExplorer.scss

@@ -67,7 +67,7 @@
 
         .content-explorer-select-all-checkbox {
             float: right;
-            margin-right: -20 * $bdl-grid-unit;
+            margin-right: -21 * $bdl-grid-unit;
         }
     }
 

package/es/features/content-explorer/item-list/ItemList.js

@@ -60,6 +60,7 @@ var itemNameCellRenderer = function itemNameCellRenderer(rendererParams) {
   return name && React.createElement("div", {
     className: TABLE_CELL_CLASS
   }, React.createElement(ItemListName, {
+    itemId: id,
     type: type,
     name: name,
     label: label,

package/es/features/content-explorer/item-list/ItemList.js.flow

@@ -57,6 +57,7 @@ const itemNameCellRenderer = rendererParams => {
         name && (
             <div className={TABLE_CELL_CLASS}>
                 <ItemListName
+                    itemId={id}
                     type={type}
                     name={name}
                     label={label}

package/es/features/content-explorer/item-list/ItemList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemList.js"],"names":["PropTypes","React","classNames","getProp","Column","Table","defaultTableRowRenderer","withInfiniteLoader","ContentExplorerModePropType","ItemsPropType","ItemsMapPropType","ItemListIcon","ItemListLoadingPlaceholder","ItemListName","ItemListButton","TABLE_CELL_CLASS","InfiniteLoaderTable","itemIconCellRenderer","rendererParams","rowData","type","extension","hasCollaborations","isExternallyOwned","itemIconRenderer","columnData","isItemSelected","itemId","selectedItems","undefined","itemNameCellRenderer","rowIndex","id","name","label","onItemNameClick","itemNameLinkRenderer","event","renderItemListButton","contentExplorerMode","isActionDisabled","isDisabled","itemButtonCellRenderer","itemButtonRenderer","itemLoadingPlaceholderRenderer","loadingPlaceholderColumnWidths","columnIndex","ItemList","className","items","numItemsPerPage","numTotalItems","onItemClick","onItemDoubleClick","onLoadMoreItems","noItemsRenderer","width","height","getRow","index","getRowClassNames","item","result","isLoading","renderRow","key","style","rowClassName","columns","itemRowClassname","testId","map","column","props","defaultRow","cloneElement","TableComponent","tableProps","infiniteLoaderProps","isRowLoaded","loadMoreRows","minimumBatchSize","rowCount","threshold","length","displayName","propTypes","string","isRequired","number","func","ItemListBase"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport getProp from 'lodash/get';\n\nimport Column from '@box/react-virtualized/dist/commonjs/Table/Column';\nimport Table from '@box/react-virtualized/dist/commonjs/Table';\nimport defaultTableRowRenderer from '@box/react-virtualized/dist/commonjs/Table/defaultRowRenderer';\nimport '@box/react-virtualized/styles.css';\n\nimport { withInfiniteLoader } from '../../../components/react-virtualized-helpers';\n\nimport { ContentExplorerModePropType, ItemsPropType, ItemsMapPropType } from '../prop-types';\n\nimport ItemListIcon from './ItemListIcon';\nimport ItemListLoadingPlaceholder from './ItemListLoadingPlaceholder';\nimport ItemListName from './ItemListName';\nimport ItemListButton from './ItemListButton';\n\nimport './ItemList.scss';\n\nconst TABLE_CELL_CLASS = 'table-cell';\n\nconst InfiniteLoaderTable = withInfiniteLoader(Table);\n\nconst itemIconCellRenderer = rendererParams => {\n    const {\n        rowData: { type, extension, hasCollaborations, isExternallyOwned },\n        columnData: { itemIconRenderer },\n    } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            {itemIconRenderer ? (\n                itemIconRenderer(rendererParams)\n            ) : (\n                <ItemListIcon\n                    type={type}\n                    extension={extension}\n                    hasCollaborations={hasCollaborations}\n                    isExternallyOwned={isExternallyOwned}\n                />\n            )}\n        </div>\n    );\n};\n\nconst isItemSelected = (itemId, selectedItems) => selectedItems[itemId] !== undefined;\n\nconst itemNameCellRenderer = rendererParams => {\n    const {\n        rowIndex,\n        rowData: { id, type, name, label },\n        columnData: { selectedItems, onItemNameClick, itemNameLinkRenderer },\n    } = rendererParams;\n    // loading placeholder may not have name and ItemListName requires name\n    return (\n        name && (\n            <div className={TABLE_CELL_CLASS}>\n                <ItemListName\n                    type={type}\n                    name={name}\n                    label={label}\n                    isSelected={isItemSelected(id, selectedItems)}\n                    onClick={event => onItemNameClick(event, rowIndex)}\n                    linkRenderer={itemNameLinkRenderer}\n                />\n            </div>\n        )\n    );\n};\n\nconst renderItemListButton = (contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems) =>\n    name && (\n        <ItemListButton\n            contentExplorerMode={contentExplorerMode}\n            id={id}\n            isDisabled={isActionDisabled}\n            isSelected={isItemSelected(id, selectedItems)}\n            name={name}\n        />\n    );\n\nconst itemButtonCellRenderer = rendererParams => {\n    const {\n        columnData: { contentExplorerMode, itemButtonRenderer, selectedItems },\n        rowData: { id, isActionDisabled, isDisabled, name },\n    } = rendererParams;\n    return (\n        !isDisabled && (\n            <div className={TABLE_CELL_CLASS}>\n                {itemButtonRenderer\n                    ? itemButtonRenderer(rendererParams)\n                    : renderItemListButton(contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems)}\n            </div>\n        )\n    );\n};\n\nconst itemLoadingPlaceholderRenderer = rendererParams => {\n    const { loadingPlaceholderColumnWidths, columnIndex } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            <ItemListLoadingPlaceholder\n                width={loadingPlaceholderColumnWidths && loadingPlaceholderColumnWidths[columnIndex]}\n            />\n        </div>\n    );\n};\n\nconst ItemList = ({\n    contentExplorerMode,\n    className = '',\n    items,\n    numItemsPerPage,\n    numTotalItems,\n    selectedItems = {},\n    onItemClick,\n    onItemDoubleClick,\n    onItemNameClick,\n    onLoadMoreItems,\n    itemIconRenderer,\n    itemNameLinkRenderer,\n    itemButtonRenderer,\n    noItemsRenderer,\n    width,\n    height,\n}) => {\n    const getRow = ({ index }) => items[index];\n\n    const getRowClassNames = (index, item) => {\n        let result = index === -1 ? 'table-header' : 'table-row';\n\n        if (isItemSelected(item.id, selectedItems)) {\n            result = classNames('is-selected', result);\n        }\n        if (item && (item.isDisabled || item.isLoading)) {\n            result = classNames('disabled', result);\n        }\n\n        return result;\n    };\n\n    const renderRow = rendererParams => {\n        const { index, key, style, className: rowClassName, columns } = rendererParams;\n        const item = items[index];\n        const itemRowClassname = classNames(rowClassName, getRowClassNames(index, item));\n        const testId = getProp(rendererParams, 'rowData.id', '');\n\n        if (item.isLoading) {\n            return (\n                <div key={key} style={style} className={itemRowClassname} role=\"row\">\n                    {columns.map((column, columnIndex) => (\n                        <div\n                            key={columnIndex}\n                            className={column.props.className}\n                            style={column.props.style}\n                            role=\"gridcell\"\n                        >\n                            {itemLoadingPlaceholderRenderer({\n                                item,\n                                columnIndex,\n                            })}\n                        </div>\n                    ))}\n                </div>\n            );\n        }\n\n        const defaultRow = defaultTableRowRenderer({\n            ...rendererParams,\n            className: itemRowClassname,\n        });\n        return React.cloneElement(defaultRow, { 'data-testid': `item-row-${testId}` });\n    };\n\n    let TableComponent = Table;\n    const tableProps = {};\n\n    if (onLoadMoreItems) {\n        TableComponent = InfiniteLoaderTable;\n        tableProps.infiniteLoaderProps = {\n            isRowLoaded: getRow,\n            loadMoreRows: onLoadMoreItems,\n            minimumBatchSize: numItemsPerPage,\n            rowCount: numTotalItems,\n            threshold: numItemsPerPage,\n        };\n    }\n\n    return (\n        <div className={classNames('content-explorer-item-list table', className)}>\n            <TableComponent\n                gridClassName=\"table-body\"\n                headerClassName=\"table-header-item\"\n                width={width}\n                height={height}\n                rowHeight={40}\n                rowCount={items.length}\n                onRowClick={onItemClick}\n                onRowDoubleClick={onItemDoubleClick}\n                rowGetter={getRow}\n                rowRenderer={renderRow}\n                noRowsRenderer={noItemsRenderer}\n                {...tableProps}\n            >\n                <Column\n                    className=\"item-list-icon-col\"\n                    cellRenderer={itemIconCellRenderer}\n                    columnData={{\n                        itemIconRenderer,\n                    }}\n                    dataKey=\"icon\"\n                    width={32}\n                />\n                <Column\n                    className=\"item-list-name-col\"\n                    cellRenderer={itemNameCellRenderer}\n                    columnData={{\n                        selectedItems,\n                        onItemNameClick,\n                        itemNameLinkRenderer,\n                    }}\n                    dataKey=\"name\"\n                    width={0}\n                    flexGrow={1}\n                    flexShrink={0}\n                />\n                <Column\n                    className=\"item-list-button-col\"\n                    cellRenderer={itemButtonCellRenderer}\n                    columnData={{\n                        contentExplorerMode,\n                        itemButtonRenderer,\n                        selectedItems,\n                    }}\n                    dataKey=\"button\"\n                    width={30}\n                />\n            </TableComponent>\n        </div>\n    );\n};\n\nItemList.displayName = 'ItemList';\n\nItemList.propTypes = {\n    className: PropTypes.string,\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    items: ItemsPropType.isRequired,\n    numItemsPerPage: PropTypes.number,\n    numTotalItems: PropTypes.number,\n    selectedItems: ItemsMapPropType.isRequired,\n    onItemClick: PropTypes.func,\n    onItemDoubleClick: PropTypes.func,\n    onItemNameClick: PropTypes.func,\n    onLoadMoreItems: PropTypes.func,\n    itemIconRenderer: PropTypes.func,\n    itemNameLinkRenderer: PropTypes.func,\n    itemButtonRenderer: PropTypes.func,\n    noItemsRenderer: PropTypes.func,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n};\n\nexport { ItemList as ItemListBase };\nexport default ItemList;\n"],"file":"ItemList.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemList.js"],"names":["PropTypes","React","classNames","getProp","Column","Table","defaultTableRowRenderer","withInfiniteLoader","ContentExplorerModePropType","ItemsPropType","ItemsMapPropType","ItemListIcon","ItemListLoadingPlaceholder","ItemListName","ItemListButton","TABLE_CELL_CLASS","InfiniteLoaderTable","itemIconCellRenderer","rendererParams","rowData","type","extension","hasCollaborations","isExternallyOwned","itemIconRenderer","columnData","isItemSelected","itemId","selectedItems","undefined","itemNameCellRenderer","rowIndex","id","name","label","onItemNameClick","itemNameLinkRenderer","event","renderItemListButton","contentExplorerMode","isActionDisabled","isDisabled","itemButtonCellRenderer","itemButtonRenderer","itemLoadingPlaceholderRenderer","loadingPlaceholderColumnWidths","columnIndex","ItemList","className","items","numItemsPerPage","numTotalItems","onItemClick","onItemDoubleClick","onLoadMoreItems","noItemsRenderer","width","height","getRow","index","getRowClassNames","item","result","isLoading","renderRow","key","style","rowClassName","columns","itemRowClassname","testId","map","column","props","defaultRow","cloneElement","TableComponent","tableProps","infiniteLoaderProps","isRowLoaded","loadMoreRows","minimumBatchSize","rowCount","threshold","length","displayName","propTypes","string","isRequired","number","func","ItemListBase"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport getProp from 'lodash/get';\n\nimport Column from '@box/react-virtualized/dist/commonjs/Table/Column';\nimport Table from '@box/react-virtualized/dist/commonjs/Table';\nimport defaultTableRowRenderer from '@box/react-virtualized/dist/commonjs/Table/defaultRowRenderer';\nimport '@box/react-virtualized/styles.css';\n\nimport { withInfiniteLoader } from '../../../components/react-virtualized-helpers';\n\nimport { ContentExplorerModePropType, ItemsPropType, ItemsMapPropType } from '../prop-types';\n\nimport ItemListIcon from './ItemListIcon';\nimport ItemListLoadingPlaceholder from './ItemListLoadingPlaceholder';\nimport ItemListName from './ItemListName';\nimport ItemListButton from './ItemListButton';\n\nimport './ItemList.scss';\n\nconst TABLE_CELL_CLASS = 'table-cell';\n\nconst InfiniteLoaderTable = withInfiniteLoader(Table);\n\nconst itemIconCellRenderer = rendererParams => {\n    const {\n        rowData: { type, extension, hasCollaborations, isExternallyOwned },\n        columnData: { itemIconRenderer },\n    } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            {itemIconRenderer ? (\n                itemIconRenderer(rendererParams)\n            ) : (\n                <ItemListIcon\n                    type={type}\n                    extension={extension}\n                    hasCollaborations={hasCollaborations}\n                    isExternallyOwned={isExternallyOwned}\n                />\n            )}\n        </div>\n    );\n};\n\nconst isItemSelected = (itemId, selectedItems) => selectedItems[itemId] !== undefined;\n\nconst itemNameCellRenderer = rendererParams => {\n    const {\n        rowIndex,\n        rowData: { id, type, name, label },\n        columnData: { selectedItems, onItemNameClick, itemNameLinkRenderer },\n    } = rendererParams;\n    // loading placeholder may not have name and ItemListName requires name\n    return (\n        name && (\n            <div className={TABLE_CELL_CLASS}>\n                <ItemListName\n                    itemId={id}\n                    type={type}\n                    name={name}\n                    label={label}\n                    isSelected={isItemSelected(id, selectedItems)}\n                    onClick={event => onItemNameClick(event, rowIndex)}\n                    linkRenderer={itemNameLinkRenderer}\n                />\n            </div>\n        )\n    );\n};\n\nconst renderItemListButton = (contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems) =>\n    name && (\n        <ItemListButton\n            contentExplorerMode={contentExplorerMode}\n            id={id}\n            isDisabled={isActionDisabled}\n            isSelected={isItemSelected(id, selectedItems)}\n            name={name}\n        />\n    );\n\nconst itemButtonCellRenderer = rendererParams => {\n    const {\n        columnData: { contentExplorerMode, itemButtonRenderer, selectedItems },\n        rowData: { id, isActionDisabled, isDisabled, name },\n    } = rendererParams;\n    return (\n        !isDisabled && (\n            <div className={TABLE_CELL_CLASS}>\n                {itemButtonRenderer\n                    ? itemButtonRenderer(rendererParams)\n                    : renderItemListButton(contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems)}\n            </div>\n        )\n    );\n};\n\nconst itemLoadingPlaceholderRenderer = rendererParams => {\n    const { loadingPlaceholderColumnWidths, columnIndex } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            <ItemListLoadingPlaceholder\n                width={loadingPlaceholderColumnWidths && loadingPlaceholderColumnWidths[columnIndex]}\n            />\n        </div>\n    );\n};\n\nconst ItemList = ({\n    contentExplorerMode,\n    className = '',\n    items,\n    numItemsPerPage,\n    numTotalItems,\n    selectedItems = {},\n    onItemClick,\n    onItemDoubleClick,\n    onItemNameClick,\n    onLoadMoreItems,\n    itemIconRenderer,\n    itemNameLinkRenderer,\n    itemButtonRenderer,\n    noItemsRenderer,\n    width,\n    height,\n}) => {\n    const getRow = ({ index }) => items[index];\n\n    const getRowClassNames = (index, item) => {\n        let result = index === -1 ? 'table-header' : 'table-row';\n\n        if (isItemSelected(item.id, selectedItems)) {\n            result = classNames('is-selected', result);\n        }\n        if (item && (item.isDisabled || item.isLoading)) {\n            result = classNames('disabled', result);\n        }\n\n        return result;\n    };\n\n    const renderRow = rendererParams => {\n        const { index, key, style, className: rowClassName, columns } = rendererParams;\n        const item = items[index];\n        const itemRowClassname = classNames(rowClassName, getRowClassNames(index, item));\n        const testId = getProp(rendererParams, 'rowData.id', '');\n\n        if (item.isLoading) {\n            return (\n                <div key={key} style={style} className={itemRowClassname} role=\"row\">\n                    {columns.map((column, columnIndex) => (\n                        <div\n                            key={columnIndex}\n                            className={column.props.className}\n                            style={column.props.style}\n                            role=\"gridcell\"\n                        >\n                            {itemLoadingPlaceholderRenderer({\n                                item,\n                                columnIndex,\n                            })}\n                        </div>\n                    ))}\n                </div>\n            );\n        }\n\n        const defaultRow = defaultTableRowRenderer({\n            ...rendererParams,\n            className: itemRowClassname,\n        });\n        return React.cloneElement(defaultRow, { 'data-testid': `item-row-${testId}` });\n    };\n\n    let TableComponent = Table;\n    const tableProps = {};\n\n    if (onLoadMoreItems) {\n        TableComponent = InfiniteLoaderTable;\n        tableProps.infiniteLoaderProps = {\n            isRowLoaded: getRow,\n            loadMoreRows: onLoadMoreItems,\n            minimumBatchSize: numItemsPerPage,\n            rowCount: numTotalItems,\n            threshold: numItemsPerPage,\n        };\n    }\n\n    return (\n        <div className={classNames('content-explorer-item-list table', className)}>\n            <TableComponent\n                gridClassName=\"table-body\"\n                headerClassName=\"table-header-item\"\n                width={width}\n                height={height}\n                rowHeight={40}\n                rowCount={items.length}\n                onRowClick={onItemClick}\n                onRowDoubleClick={onItemDoubleClick}\n                rowGetter={getRow}\n                rowRenderer={renderRow}\n                noRowsRenderer={noItemsRenderer}\n                {...tableProps}\n            >\n                <Column\n                    className=\"item-list-icon-col\"\n                    cellRenderer={itemIconCellRenderer}\n                    columnData={{\n                        itemIconRenderer,\n                    }}\n                    dataKey=\"icon\"\n                    width={32}\n                />\n                <Column\n                    className=\"item-list-name-col\"\n                    cellRenderer={itemNameCellRenderer}\n                    columnData={{\n                        selectedItems,\n                        onItemNameClick,\n                        itemNameLinkRenderer,\n                    }}\n                    dataKey=\"name\"\n                    width={0}\n                    flexGrow={1}\n                    flexShrink={0}\n                />\n                <Column\n                    className=\"item-list-button-col\"\n                    cellRenderer={itemButtonCellRenderer}\n                    columnData={{\n                        contentExplorerMode,\n                        itemButtonRenderer,\n                        selectedItems,\n                    }}\n                    dataKey=\"button\"\n                    width={30}\n                />\n            </TableComponent>\n        </div>\n    );\n};\n\nItemList.displayName = 'ItemList';\n\nItemList.propTypes = {\n    className: PropTypes.string,\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    items: ItemsPropType.isRequired,\n    numItemsPerPage: PropTypes.number,\n    numTotalItems: PropTypes.number,\n    selectedItems: ItemsMapPropType.isRequired,\n    onItemClick: PropTypes.func,\n    onItemDoubleClick: PropTypes.func,\n    onItemNameClick: PropTypes.func,\n    onLoadMoreItems: PropTypes.func,\n    itemIconRenderer: PropTypes.func,\n    itemNameLinkRenderer: PropTypes.func,\n    itemButtonRenderer: PropTypes.func,\n    noItemsRenderer: PropTypes.func,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n};\n\nexport { ItemList as ItemListBase };\nexport default ItemList;\n"],"file":"ItemList.js"}

package/es/features/content-explorer/item-list/ItemListName.js

@@ -1,3 +1,9 @@
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import PropTypes from 'prop-types';
 import React from 'react';
 import PlainButton from '../../../components/plain-button';
@@ -7,7 +13,9 @@ import { ItemTypePropType } from '../prop-types';
 var ITEM_LIST_NAME_CLASS = 'item-list-name';
 
 var ItemListName = function ItemListName(_ref) {
-  var type = _ref.type,
+  var _ref$itemId = _ref.itemId,
+      itemId = _ref$itemId === void 0 ? '' : _ref$itemId,
+      type = _ref.type,
       name = _ref.name,
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? '' : _ref$label,
@@ -31,7 +39,9 @@ var ItemListName = function ItemListName(_ref) {
   };
 
   var renderLink = function renderLink() {
-    return linkRenderer ? linkRenderer(linkProps) : React.createElement(PlainButton, linkProps);
+    return linkRenderer ? linkRenderer(_objectSpread({}, linkProps, {
+      itemId: itemId
+    })) : React.createElement(PlainButton, linkProps);
   };
 
   return React.createElement("div", {
@@ -44,6 +54,7 @@ var ItemListName = function ItemListName(_ref) {
 };
 
 ItemListName.propTypes = {
+  itemId: PropTypes.string,
   type: ItemTypePropType,
   name: PropTypes.string.isRequired,
   label: PropTypes.string,

package/es/features/content-explorer/item-list/ItemListName.js.flow

@@ -9,7 +9,7 @@ import { ItemTypePropType } from '../prop-types';
 
 const ITEM_LIST_NAME_CLASS = 'item-list-name';
 
-const ItemListName = ({ type, name, label = '', isSelected = false, onClick, linkRenderer }) => {
+const ItemListName = ({ itemId = '', type, name, label = '', isSelected = false, onClick, linkRenderer }) => {
     const isFolder = type === ItemTypes.FOLDER;
 
     const linkProps = {
@@ -26,7 +26,7 @@ const ItemListName = ({ type, name, label = '', isSelected = false, onClick, lin
             />,
         ],
     };
-    const renderLink = () => (linkRenderer ? linkRenderer(linkProps) : <PlainButton {...linkProps} />);
+    const renderLink = () => (linkRenderer ? linkRenderer({ ...linkProps, itemId }) : <PlainButton {...linkProps} />);
 
     return (
         <div className="item-list-name-container">
@@ -37,6 +37,7 @@ const ItemListName = ({ type, name, label = '', isSelected = false, onClick, lin
 };
 
 ItemListName.propTypes = {
+    itemId: PropTypes.string,
     type: ItemTypePropType,
     name: PropTypes.string.isRequired,
     label: PropTypes.string,

package/es/features/content-explorer/item-list/ItemListName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListName.js"],"names":["PropTypes","React","PlainButton","IconChevron","ItemTypes","ItemTypePropType","ITEM_LIST_NAME_CLASS","ItemListName","type","name","label","isSelected","onClick","linkRenderer","isFolder","FOLDER","linkProps","className","children","renderLink","propTypes","string","isRequired","bool","func"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,WAAP,MAAwB,oCAAxB;AAEA,OAAOC,SAAP,MAAsB,eAAtB;AACA,SAASC,gBAAT,QAAiC,eAAjC;AAEA,IAAMC,oBAAoB,GAAG,gBAA7B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA2E;AAAA,MAAxEC,IAAwE,QAAxEA,IAAwE;AAAA,MAAlEC,IAAkE,QAAlEA,IAAkE;AAAA,wBAA5DC,KAA4D;AAAA,MAA5DA,KAA4D,2BAApD,EAAoD;AAAA,6BAAhDC,UAAgD;AAAA,MAAhDA,UAAgD,gCAAnC,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AAC5F,MAAMC,QAAQ,GAAGN,IAAI,KAAKJ,SAAS,CAACW,MAApC;AAEA,MAAMC,SAAS,GAAG;AACdC,IAAAA,SAAS,gBAASX,oBAAT,CADK;AAEdM,IAAAA,OAAO,EAAPA,OAFc;AAGdM,IAAAA,QAAQ,EAAE,CACN;AAAM,MAAA,GAAG,EAAC;AAAV,OAAkBT,IAAlB,CADM,EAEN,oBAAC,WAAD;AACI,MAAA,GAAG,EAAC,MADR;AAEI,MAAA,KAAK,EAAEE,UAAU,GAAG,SAAH,GAAe,MAFpC;AAGI,MAAA,SAAS,EAAC,OAHd;AAII,MAAA,IAAI,EAAC,KAJT;AAKI,MAAA,SAAS,EAAC;AALd,MAFM;AAHI,GAAlB;;AAcA,MAAMQ,UAAU,GAAG,SAAbA,UAAa;AAAA,WAAON,YAAY,GAAGA,YAAY,CAACG,SAAD,CAAf,GAA6B,oBAAC,WAAD,EAAiBA,SAAjB,CAAhD;AAAA,GAAnB;;AAEA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACKF,QAAQ,GAAGK,UAAU,EAAb,GAAkB;AAAM,IAAA,SAAS,EAAEb;AAAjB,KAAwCG,IAAxC,CAD/B,EAEK,CAAC,CAACC,KAAF,IAAW;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAwCA,KAAxC,CAFhB,CADJ;AAMH,CAzBD;;AA2BAH,YAAY,CAACa,SAAb,GAAyB;AACrBZ,EAAAA,IAAI,EAAEH,gBADe;AAErBI,EAAAA,IAAI,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UAFF;AAGrBZ,EAAAA,KAAK,EAAEV,SAAS,CAACqB,MAHI;AAIrBV,EAAAA,UAAU,EAAEX,SAAS,CAACuB,IAJD;AAKrBX,EAAAA,OAAO,EAAEZ,SAAS,CAACwB,IALE;AAMrBX,EAAAA,YAAY,EAAEb,SAAS,CAACwB;AANH,CAAzB;AASA,eAAejB,YAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport PlainButton from '../../../components/plain-button';\nimport IconChevron from '../../../icons/general/IconChevron';\n\nimport ItemTypes from '../item-types';\nimport { ItemTypePropType } from '../prop-types';\n\nconst ITEM_LIST_NAME_CLASS = 'item-list-name';\n\nconst ItemListName = ({ type, name, label = '', isSelected = false, onClick, linkRenderer }) => {\n    const isFolder = type === ItemTypes.FOLDER;\n\n    const linkProps = {\n        className: `lnk ${ITEM_LIST_NAME_CLASS}`,\n        onClick,\n        children: [\n            <span key=\"name\">{name}</span>,\n            <IconChevron\n                key=\"icon\"\n                color={isSelected ? '#447991' : '#333'}\n                direction=\"right\"\n                size=\"4px\"\n                thickness=\"1px\"\n            />,\n        ],\n    };\n    const renderLink = () => (linkRenderer ? linkRenderer(linkProps) : <PlainButton {...linkProps} />);\n\n    return (\n        <div className=\"item-list-name-container\">\n            {isFolder ? renderLink() : <span className={ITEM_LIST_NAME_CLASS}>{name}</span>}\n            {!!label && <span className=\"item-list-name-label\">{label}</span>}\n        </div>\n    );\n};\n\nItemListName.propTypes = {\n    type: ItemTypePropType,\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    isSelected: PropTypes.bool,\n    onClick: PropTypes.func,\n    linkRenderer: PropTypes.func,\n};\n\nexport default ItemListName;\n"],"file":"ItemListName.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListName.js"],"names":["PropTypes","React","PlainButton","IconChevron","ItemTypes","ItemTypePropType","ITEM_LIST_NAME_CLASS","ItemListName","itemId","type","name","label","isSelected","onClick","linkRenderer","isFolder","FOLDER","linkProps","className","children","renderLink","propTypes","string","isRequired","bool","func"],"mappings":";;;;;;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,WAAP,MAAwB,oCAAxB;AAEA,OAAOC,SAAP,MAAsB,eAAtB;AACA,SAASC,gBAAT,QAAiC,eAAjC;AAEA,IAAMC,oBAAoB,GAAG,gBAA7B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAwF;AAAA,yBAArFC,MAAqF;AAAA,MAArFA,MAAqF,4BAA5E,EAA4E;AAAA,MAAxEC,IAAwE,QAAxEA,IAAwE;AAAA,MAAlEC,IAAkE,QAAlEA,IAAkE;AAAA,wBAA5DC,KAA4D;AAAA,MAA5DA,KAA4D,2BAApD,EAAoD;AAAA,6BAAhDC,UAAgD;AAAA,MAAhDA,UAAgD,gCAAnC,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACzG,MAAMC,QAAQ,GAAGN,IAAI,KAAKL,SAAS,CAACY,MAApC;AAEA,MAAMC,SAAS,GAAG;AACdC,IAAAA,SAAS,gBAASZ,oBAAT,CADK;AAEdO,IAAAA,OAAO,EAAPA,OAFc;AAGdM,IAAAA,QAAQ,EAAE,CACN;AAAM,MAAA,GAAG,EAAC;AAAV,OAAkBT,IAAlB,CADM,EAEN,oBAAC,WAAD;AACI,MAAA,GAAG,EAAC,MADR;AAEI,MAAA,KAAK,EAAEE,UAAU,GAAG,SAAH,GAAe,MAFpC;AAGI,MAAA,SAAS,EAAC,OAHd;AAII,MAAA,IAAI,EAAC,KAJT;AAKI,MAAA,SAAS,EAAC;AALd,MAFM;AAHI,GAAlB;;AAcA,MAAMQ,UAAU,GAAG,SAAbA,UAAa;AAAA,WAAON,YAAY,GAAGA,YAAY,mBAAMG,SAAN;AAAiBT,MAAAA,MAAM,EAANA;AAAjB,OAAf,GAA4C,oBAAC,WAAD,EAAiBS,SAAjB,CAA/D;AAAA,GAAnB;;AAEA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACKF,QAAQ,GAAGK,UAAU,EAAb,GAAkB;AAAM,IAAA,SAAS,EAAEd;AAAjB,KAAwCI,IAAxC,CAD/B,EAEK,CAAC,CAACC,KAAF,IAAW;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAwCA,KAAxC,CAFhB,CADJ;AAMH,CAzBD;;AA2BAJ,YAAY,CAACc,SAAb,GAAyB;AACrBb,EAAAA,MAAM,EAAER,SAAS,CAACsB,MADG;AAErBb,EAAAA,IAAI,EAAEJ,gBAFe;AAGrBK,EAAAA,IAAI,EAAEV,SAAS,CAACsB,MAAV,CAAiBC,UAHF;AAIrBZ,EAAAA,KAAK,EAAEX,SAAS,CAACsB,MAJI;AAKrBV,EAAAA,UAAU,EAAEZ,SAAS,CAACwB,IALD;AAMrBX,EAAAA,OAAO,EAAEb,SAAS,CAACyB,IANE;AAOrBX,EAAAA,YAAY,EAAEd,SAAS,CAACyB;AAPH,CAAzB;AAUA,eAAelB,YAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport PlainButton from '../../../components/plain-button';\nimport IconChevron from '../../../icons/general/IconChevron';\n\nimport ItemTypes from '../item-types';\nimport { ItemTypePropType } from '../prop-types';\n\nconst ITEM_LIST_NAME_CLASS = 'item-list-name';\n\nconst ItemListName = ({ itemId = '', type, name, label = '', isSelected = false, onClick, linkRenderer }) => {\n    const isFolder = type === ItemTypes.FOLDER;\n\n    const linkProps = {\n        className: `lnk ${ITEM_LIST_NAME_CLASS}`,\n        onClick,\n        children: [\n            <span key=\"name\">{name}</span>,\n            <IconChevron\n                key=\"icon\"\n                color={isSelected ? '#447991' : '#333'}\n                direction=\"right\"\n                size=\"4px\"\n                thickness=\"1px\"\n            />,\n        ],\n    };\n    const renderLink = () => (linkRenderer ? linkRenderer({ ...linkProps, itemId }) : <PlainButton {...linkProps} />);\n\n    return (\n        <div className=\"item-list-name-container\">\n            {isFolder ? renderLink() : <span className={ITEM_LIST_NAME_CLASS}>{name}</span>}\n            {!!label && <span className=\"item-list-name-label\">{label}</span>}\n        </div>\n    );\n};\n\nItemListName.propTypes = {\n    itemId: PropTypes.string,\n    type: ItemTypePropType,\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    isSelected: PropTypes.bool,\n    onClick: PropTypes.func,\n    linkRenderer: PropTypes.func,\n};\n\nexport default ItemListName;\n"],"file":"ItemListName.js"}

package/es/features/header-flyout/HeaderFlyout.js

@@ -26,7 +26,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import * as React from 'react';
 import classNames from 'classnames';
-import { Flyout, Overlay } from '../../components/flyout';
+import { Flyout, Overlay, OverlayHeader } from '../../components/flyout';
 import ScrollWrapper from '../../components/scroll-wrapper';
 import './styles/HeaderFlyout.scss';
 
@@ -54,19 +54,17 @@ function (_React$Component) {
           rest = _objectWithoutProperties(_this$props, ["header", "footer", "flyoutButton", "children", "scrollRefFn", "className"]);
 
       return React.createElement(Flyout, _extends({
-        closeOnClick: false,
-        offset: HeaderFlyout.panelOffset,
         className: classNames('header-flyout', className),
-        constrainToWindow: true
+        closeOnClick: false,
+        constrainToWindow: true,
+        offset: HeaderFlyout.panelOffset
       }, rest), flyoutButton, React.createElement(Overlay, {
         className: "header-flyout-overlay"
-      }, React.createElement("div", {
-        className: "header-flyout-list-container"
-      }, header && React.createElement("div", {
-        className: "flyout-list-container-title"
-      }, React.createElement("h4", {
-        className: "flyout-list-title"
+      }, React.createElement(OverlayHeader, null, header && React.createElement("h4", {
+        className: "header-flyout-title"
       }, header)), React.createElement("div", {
+        className: "header-flyout-list-container"
+      }, React.createElement("div", {
         className: classNames('flyout-list-container-body', {
           'with-header': !!header,
           'with-footer': !!footer