box-ui-elements 19.0.0 → 20.0.0-beta.1

package/es/elements/common/share-access-select/ShareAccessSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/common/share-access-select/ShareAccessSelect.js"],"names":["React","injectIntl","messages","ACCESS_NONE","ACCESS_OPEN","ACCESS_COLLAB","ACCESS_COMPANY","ShareAccessSelect","className","canSetShareAccess","onChange","item","intl","allowed_shared_link_access_levels","allowedSharedAccessLevels","permissions","shared_link","sharedLink","access","can_set_share_access","allowShareAccessChange","changeHandler","target","value","allowOpen","indexOf","allowCollab","allowCompany","allowed","formatMessage","shareAccessOpen","shareAccessCollab","shareAccessCompany","shareAccessNone","shareAccessRemove"],"mappings":"AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,aAAnC,EAAkDC,cAAlD,QAAwE,oBAAxE;AAEA,OAAO,0BAAP;;AASA,MAAMC,iBAAiB,GAAG,UAAmE;AAAA,MAAlE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,iBAAb;AAAgCC,IAAAA,QAAhC;AAA0CC,IAAAA,IAA1C;AAAgDC,IAAAA;AAAhD,GAAkE;AACzF,QAAM;AAAEC,IAAAA,iCAAiC,EAAEC,yBAArC;AAAgEC,IAAAA,WAAhE;AAA6EC,IAAAA,WAAW,EAAEC;AAA1F,MAAyGN,IAA/G;;AAEA,MAAI,CAACG,yBAAL,EAAgC;AAC5B,WAAO,iCAAP;AACH;;AAED,QAAM;AAAEI,IAAAA,MAAM,GAAGf;AAAX,MAA2Bc,UAAU,IAAI,EAA/C;AACA,QAAM;AAAEE,IAAAA,oBAAoB,EAAEC;AAAxB,MAAmDL,WAAW,IAAI,EAAxE;;AAEA,QAAMM,aAAa,GAAG;AAAA,QAAC;AAAEC,MAAAA;AAAF,KAAD;AAAA,WAAgBZ,QAAQ,CAACY,MAAM,CAACC,KAAR,EAAeZ,IAAf,CAAxB;AAAA,GAAtB;;AACA,QAAMa,SAAS,GAAGV,yBAAyB,CAACW,OAA1B,CAAkCrB,WAAlC,IAAiD,CAAC,CAApE;AACA,QAAMsB,WAAW,GAAGZ,yBAAyB,CAACW,OAA1B,CAAkCpB,aAAlC,IAAmD,CAAC,CAAxE;AACA,QAAMsB,YAAY,GAAGb,yBAAyB,CAACW,OAA1B,CAAkCnB,cAAlC,IAAoD,CAAC,CAA1E;AACA,QAAMsB,OAAO,GAAGnB,iBAAiB,IAAIW,sBAArB,KAAgDI,SAAS,IAAIG,YAAb,IAA6BD,WAA7E,CAAhB;;AAEA,MAAI,CAACE,OAAL,EAAc;AACV,WAAO,iCAAP;AACH;AAED;;;AACA,SACI;AAAQ,IAAA,SAAS,mCAA4BpB,SAA5B,CAAjB;AAA0D,IAAA,QAAQ,EAAEa,aAApE;AAAmF,IAAA,KAAK,EAAEH;AAA1F,KACKM,SAAS,GAAG;AAAQ,IAAA,KAAK,EAAEpB;AAAf,KAA6BQ,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC4B,eAA5B,CAA7B,CAAH,GAAyF,IADvG,EAEKJ,WAAW,GACR;AAAQ,IAAA,KAAK,EAAErB;AAAf,KAA+BO,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC6B,iBAA5B,CAA/B,CADQ,GAER,IAJR,EAKKJ,YAAY,GACT;AAAQ,IAAA,KAAK,EAAErB;AAAf,KAAgCM,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC8B,kBAA5B,CAAhC,CADS,GAET,IAPR,EAQI;AAAQ,IAAA,KAAK,EAAE7B;AAAf,KACKe,MAAM,KAAKf,WAAX,GACKS,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC+B,eAA5B,CADL,GAEKrB,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAACgC,iBAA5B,CAHV,CARJ,CADJ;AAgBH,CArCD;;AAuCA,eAAejC,UAAU,CAACM,iBAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Delete Confirmation Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport messages from '../messages';\nimport { ACCESS_NONE, ACCESS_OPEN, ACCESS_COLLAB, ACCESS_COMPANY } from '../../../constants';\nimport type { BoxItem } from '../../../common/types/core';\nimport './ShareAccessSelect.scss';\n\ntype Props = {\n    canSetShareAccess: boolean,\n    className: string,\n    item: BoxItem,\n    onChange: Function,\n} & InjectIntlProvidedProps;\n\nconst ShareAccessSelect = ({ className, canSetShareAccess, onChange, item, intl }: Props) => {\n    const { allowed_shared_link_access_levels: allowedSharedAccessLevels, permissions, shared_link: sharedLink } = item;\n\n    if (!allowedSharedAccessLevels) {\n        return <span />;\n    }\n\n    const { access = ACCESS_NONE } = sharedLink || {};\n    const { can_set_share_access: allowShareAccessChange } = permissions || {};\n\n    const changeHandler = ({ target }) => onChange(target.value, item);\n    const allowOpen = allowedSharedAccessLevels.indexOf(ACCESS_OPEN) > -1;\n    const allowCollab = allowedSharedAccessLevels.indexOf(ACCESS_COLLAB) > -1;\n    const allowCompany = allowedSharedAccessLevels.indexOf(ACCESS_COMPANY) > -1;\n    const allowed = canSetShareAccess && allowShareAccessChange && (allowOpen || allowCompany || allowCollab);\n\n    if (!allowed) {\n        return <span />;\n    }\n\n    /* eslint-disable jsx-a11y/no-onchange */\n    return (\n        <select className={`be-share-access-select ${className}`} onChange={changeHandler} value={access}>\n            {allowOpen ? <option value={ACCESS_OPEN}>{intl.formatMessage(messages.shareAccessOpen)}</option> : null}\n            {allowCollab ? (\n                <option value={ACCESS_COLLAB}>{intl.formatMessage(messages.shareAccessCollab)}</option>\n            ) : null}\n            {allowCompany ? (\n                <option value={ACCESS_COMPANY}>{intl.formatMessage(messages.shareAccessCompany)}</option>\n            ) : null}\n            <option value={ACCESS_NONE}>\n                {access === ACCESS_NONE\n                    ? intl.formatMessage(messages.shareAccessNone)\n                    : intl.formatMessage(messages.shareAccessRemove)}\n            </option>\n        </select>\n    );\n};\n\nexport default injectIntl(ShareAccessSelect);\n"],"file":"ShareAccessSelect.js"}
+{"version":3,"sources":["../../../../src/elements/common/share-access-select/ShareAccessSelect.js"],"names":["React","injectIntl","messages","ACCESS_NONE","ACCESS_OPEN","ACCESS_COLLAB","ACCESS_COMPANY","ShareAccessSelect","className","canSetShareAccess","onChange","item","intl","allowed_shared_link_access_levels","allowedSharedAccessLevels","permissions","shared_link","sharedLink","access","can_set_share_access","allowShareAccessChange","changeHandler","target","value","allowOpen","indexOf","allowCollab","allowCompany","allowed","formatMessage","shareAccessOpen","shareAccessCollab","shareAccessCompany","shareAccessNone","shareAccessRemove"],"mappings":"AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,aAAnC,EAAkDC,cAAlD,QAAwE,oBAAxE;AAEA,OAAO,0BAAP;;AAUA,MAAMC,iBAAiB,GAAG,UAAmE;AAAA,MAAlE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,iBAAb;AAAgCC,IAAAA,QAAhC;AAA0CC,IAAAA,IAA1C;AAAgDC,IAAAA;AAAhD,GAAkE;AACzF,QAAM;AAAEC,IAAAA,iCAAiC,EAAEC,yBAArC;AAAgEC,IAAAA,WAAhE;AAA6EC,IAAAA,WAAW,EAAEC;AAA1F,MAAyGN,IAA/G;;AAEA,MAAI,CAACG,yBAAL,EAAgC;AAC5B,WAAO,iCAAP;AACH;;AAED,QAAM;AAAEI,IAAAA,MAAM,GAAGf;AAAX,MAA2Bc,UAAU,IAAI,EAA/C;AACA,QAAM;AAAEE,IAAAA,oBAAoB,EAAEC;AAAxB,MAAmDL,WAAW,IAAI,EAAxE;;AAEA,QAAMM,aAAa,GAAG;AAAA,QAAC;AAAEC,MAAAA;AAAF,KAAD;AAAA,WAAgBZ,QAAQ,CAACY,MAAM,CAACC,KAAR,EAAeZ,IAAf,CAAxB;AAAA,GAAtB;;AACA,QAAMa,SAAS,GAAGV,yBAAyB,CAACW,OAA1B,CAAkCrB,WAAlC,IAAiD,CAAC,CAApE;AACA,QAAMsB,WAAW,GAAGZ,yBAAyB,CAACW,OAA1B,CAAkCpB,aAAlC,IAAmD,CAAC,CAAxE;AACA,QAAMsB,YAAY,GAAGb,yBAAyB,CAACW,OAA1B,CAAkCnB,cAAlC,IAAoD,CAAC,CAA1E;AACA,QAAMsB,OAAO,GAAGnB,iBAAiB,IAAIW,sBAArB,KAAgDI,SAAS,IAAIG,YAAb,IAA6BD,WAA7E,CAAhB;;AAEA,MAAI,CAACE,OAAL,EAAc;AACV,WAAO,iCAAP;AACH;AAED;;;AACA,SACI;AAAQ,IAAA,SAAS,mCAA4BpB,SAA5B,CAAjB;AAA0D,IAAA,QAAQ,EAAEa,aAApE;AAAmF,IAAA,KAAK,EAAEH;AAA1F,KACKM,SAAS,GAAG;AAAQ,IAAA,KAAK,EAAEpB;AAAf,KAA6BQ,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC4B,eAA5B,CAA7B,CAAH,GAAyF,IADvG,EAEKJ,WAAW,GACR;AAAQ,IAAA,KAAK,EAAErB;AAAf,KAA+BO,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC6B,iBAA5B,CAA/B,CADQ,GAER,IAJR,EAKKJ,YAAY,GACT;AAAQ,IAAA,KAAK,EAAErB;AAAf,KAAgCM,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC8B,kBAA5B,CAAhC,CADS,GAET,IAPR,EAQI;AAAQ,IAAA,KAAK,EAAE7B;AAAf,KACKe,MAAM,KAAKf,WAAX,GACKS,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAAC+B,eAA5B,CADL,GAEKrB,IAAI,CAACiB,aAAL,CAAmB3B,QAAQ,CAACgC,iBAA5B,CAHV,CARJ,CADJ;AAgBH,CArCD;;AAuCA,eAAejC,UAAU,CAACM,iBAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Delete Confirmation Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport messages from '../messages';\nimport { ACCESS_NONE, ACCESS_OPEN, ACCESS_COLLAB, ACCESS_COMPANY } from '../../../constants';\nimport type { BoxItem } from '../../../common/types/core';\nimport './ShareAccessSelect.scss';\n\ntype Props = {\n    canSetShareAccess: boolean,\n    className: string,\n    intl: IntlShape,\n    item: BoxItem,\n    onChange: Function,\n};\n\nconst ShareAccessSelect = ({ className, canSetShareAccess, onChange, item, intl }: Props) => {\n    const { allowed_shared_link_access_levels: allowedSharedAccessLevels, permissions, shared_link: sharedLink } = item;\n\n    if (!allowedSharedAccessLevels) {\n        return <span />;\n    }\n\n    const { access = ACCESS_NONE } = sharedLink || {};\n    const { can_set_share_access: allowShareAccessChange } = permissions || {};\n\n    const changeHandler = ({ target }) => onChange(target.value, item);\n    const allowOpen = allowedSharedAccessLevels.indexOf(ACCESS_OPEN) > -1;\n    const allowCollab = allowedSharedAccessLevels.indexOf(ACCESS_COLLAB) > -1;\n    const allowCompany = allowedSharedAccessLevels.indexOf(ACCESS_COMPANY) > -1;\n    const allowed = canSetShareAccess && allowShareAccessChange && (allowOpen || allowCompany || allowCollab);\n\n    if (!allowed) {\n        return <span />;\n    }\n\n    /* eslint-disable jsx-a11y/no-onchange */\n    return (\n        <select className={`be-share-access-select ${className}`} onChange={changeHandler} value={access}>\n            {allowOpen ? <option value={ACCESS_OPEN}>{intl.formatMessage(messages.shareAccessOpen)}</option> : null}\n            {allowCollab ? (\n                <option value={ACCESS_COLLAB}>{intl.formatMessage(messages.shareAccessCollab)}</option>\n            ) : null}\n            {allowCompany ? (\n                <option value={ACCESS_COMPANY}>{intl.formatMessage(messages.shareAccessCompany)}</option>\n            ) : null}\n            <option value={ACCESS_NONE}>\n                {access === ACCESS_NONE\n                    ? intl.formatMessage(messages.shareAccessNone)\n                    : intl.formatMessage(messages.shareAccessRemove)}\n            </option>\n        </select>\n    );\n};\n\nexport default injectIntl(ShareAccessSelect);\n"],"file":"ShareAccessSelect.js"}

package/es/elements/common/sub-header/SubHeaderLeft.js.flow

@@ -6,7 +6,7 @@
 
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import messages from '../messages';
 import { Breadcrumbs } from '../breadcrumbs';
 import { VIEW_SEARCH, VIEW_FOLDER, VIEW_RECENTS, DELIMITER_CARET } from '../../../constants';
@@ -14,12 +14,13 @@ import type { View, Collection } from '../../../common/types/core';
 
 type Props = {
     currentCollection: Collection,
+    intl: IntlShape,
     isSmall: boolean,
     onItemClick: Function,
     rootId: string,
     rootName?: string,
     view: View,
-} & InjectIntlProvidedProps;
+};
 
 const SubHeaderLeft = ({ view, isSmall, rootId, rootName, currentCollection, onItemClick, intl }: Props) => {
     let crumbs;

package/es/elements/common/sub-header/SubHeaderLeft.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/common/sub-header/SubHeaderLeft.js"],"names":["React","injectIntl","messages","Breadcrumbs","VIEW_SEARCH","VIEW_FOLDER","VIEW_RECENTS","DELIMITER_CARET","SubHeaderLeft","view","isSmall","rootId","rootName","currentCollection","onItemClick","intl","crumbs","id","name","breadcrumbs","concat","undefined","formatMessage","searchBreadcrumb","unshift","rootBreadcrumb"],"mappings":"AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,YAAnC,EAAiDC,eAAjD,QAAwE,oBAAxE;;AAYA,MAAMC,aAAa,GAAG,UAAsF;AAAA,MAArF;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,MAAjB;AAAyBC,IAAAA,QAAzB;AAAmCC,IAAAA,iBAAnC;AAAsDC,IAAAA,WAAtD;AAAmEC,IAAAA;AAAnE,GAAqF;AACxG,MAAIC,MAAJ;;AAEA,MAAIP,IAAI,KAAKJ,WAAT,IAAwBI,IAAI,KAAKL,WAArC,EAAkD;AAC9C,UAAM;AAAEa,MAAAA,EAAF;AAAMC,MAAAA,IAAI,GAAG,EAAb;AAAiBC,MAAAA,WAAW,GAAG;AAA/B,QAAsCN,iBAA5C;AACAG,IAAAA,MAAM,GAAGG,WAAW,CAACC,MAAZ,CAAmB;AAAEH,MAAAA,EAAF;AAAMC,MAAAA;AAAN,KAAnB,CAAT,CAF8C,CAI9C;AACA;;AACA,QAAIT,IAAI,KAAKL,WAAb,EAA0B;AACtBY,MAAAA,MAAM,GAAGA,MAAM,CAACI,MAAP,CAAc;AACnBH,QAAAA,EAAE,EAAEI,SADe;AAEnBH,QAAAA,IAAI,EAAEH,IAAI,CAACO,aAAL,CAAmBpB,QAAQ,CAACqB,gBAA5B;AAFa,OAAd,CAAT;AAIH;AACJ,GAZD,MAYO;AACHP,IAAAA,MAAM,GAAG,CACL;AACIC,MAAAA,EAAE,EAAEI,SADR;AAEIH,MAAAA,IAAI,EAAEH,IAAI,CAACO,aAAL,CAAmBpB,QAAQ,WAAIO,IAAJ,gBAA3B;AAFV,KADK,CAAT;;AAOA,QAAIA,IAAI,KAAKH,YAAb,EAA2B;AACvBU,MAAAA,MAAM,CAACQ,OAAP,CAAe;AACXP,QAAAA,EAAE,EAAEN,MADO;AAEXO,QAAAA,IAAI,EAAEN,QAAQ,IAAIG,IAAI,CAACO,aAAL,CAAmBpB,QAAQ,CAACuB,cAA5B;AAFP,OAAf;AAIH;AACJ;;AAED,SACI,oBAAC,WAAD;AACI,IAAA,MAAM,EAAET,MADZ;AAEI,IAAA,SAAS,EAAET,eAFf;AAGI,IAAA,OAAO,EAAEG,OAHb;AAII,IAAA,YAAY,EAAEI,WAJlB;AAKI,IAAA,MAAM,EAAEH;AALZ,IADJ;AASH,CAxCD;;AA0CA,eAAeV,UAAU,CAACO,aAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content sub header component\n * @author Box\n */\n\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport messages from '../messages';\nimport { Breadcrumbs } from '../breadcrumbs';\nimport { VIEW_SEARCH, VIEW_FOLDER, VIEW_RECENTS, DELIMITER_CARET } from '../../../constants';\nimport type { View, Collection } from '../../../common/types/core';\n\ntype Props = {\n    currentCollection: Collection,\n    isSmall: boolean,\n    onItemClick: Function,\n    rootId: string,\n    rootName?: string,\n    view: View,\n} & InjectIntlProvidedProps;\n\nconst SubHeaderLeft = ({ view, isSmall, rootId, rootName, currentCollection, onItemClick, intl }: Props) => {\n    let crumbs;\n\n    if (view === VIEW_FOLDER || view === VIEW_SEARCH) {\n        const { id, name = '', breadcrumbs = [] } = currentCollection;\n        crumbs = breadcrumbs.concat({ id, name });\n\n        // Search results are specific to the current folder\n        // hence the breadcrumb is added to the end of the list\n        if (view === VIEW_SEARCH) {\n            crumbs = crumbs.concat({\n                id: undefined,\n                name: intl.formatMessage(messages.searchBreadcrumb),\n            });\n        }\n    } else {\n        crumbs = [\n            {\n                id: undefined,\n                name: intl.formatMessage(messages[`${view}Breadcrumb`]),\n            },\n        ];\n\n        if (view !== VIEW_RECENTS) {\n            crumbs.unshift({\n                id: rootId,\n                name: rootName || intl.formatMessage(messages.rootBreadcrumb),\n            });\n        }\n    }\n\n    return (\n        <Breadcrumbs\n            crumbs={crumbs}\n            delimiter={DELIMITER_CARET}\n            isSmall={isSmall}\n            onCrumbClick={onItemClick}\n            rootId={rootId}\n        />\n    );\n};\n\nexport default injectIntl(SubHeaderLeft);\n"],"file":"SubHeaderLeft.js"}
+{"version":3,"sources":["../../../../src/elements/common/sub-header/SubHeaderLeft.js"],"names":["React","injectIntl","messages","Breadcrumbs","VIEW_SEARCH","VIEW_FOLDER","VIEW_RECENTS","DELIMITER_CARET","SubHeaderLeft","view","isSmall","rootId","rootName","currentCollection","onItemClick","intl","crumbs","id","name","breadcrumbs","concat","undefined","formatMessage","searchBreadcrumb","unshift","rootBreadcrumb"],"mappings":"AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,YAAnC,EAAiDC,eAAjD,QAAwE,oBAAxE;;AAaA,MAAMC,aAAa,GAAG,UAAsF;AAAA,MAArF;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,MAAjB;AAAyBC,IAAAA,QAAzB;AAAmCC,IAAAA,iBAAnC;AAAsDC,IAAAA,WAAtD;AAAmEC,IAAAA;AAAnE,GAAqF;AACxG,MAAIC,MAAJ;;AAEA,MAAIP,IAAI,KAAKJ,WAAT,IAAwBI,IAAI,KAAKL,WAArC,EAAkD;AAC9C,UAAM;AAAEa,MAAAA,EAAF;AAAMC,MAAAA,IAAI,GAAG,EAAb;AAAiBC,MAAAA,WAAW,GAAG;AAA/B,QAAsCN,iBAA5C;AACAG,IAAAA,MAAM,GAAGG,WAAW,CAACC,MAAZ,CAAmB;AAAEH,MAAAA,EAAF;AAAMC,MAAAA;AAAN,KAAnB,CAAT,CAF8C,CAI9C;AACA;;AACA,QAAIT,IAAI,KAAKL,WAAb,EAA0B;AACtBY,MAAAA,MAAM,GAAGA,MAAM,CAACI,MAAP,CAAc;AACnBH,QAAAA,EAAE,EAAEI,SADe;AAEnBH,QAAAA,IAAI,EAAEH,IAAI,CAACO,aAAL,CAAmBpB,QAAQ,CAACqB,gBAA5B;AAFa,OAAd,CAAT;AAIH;AACJ,GAZD,MAYO;AACHP,IAAAA,MAAM,GAAG,CACL;AACIC,MAAAA,EAAE,EAAEI,SADR;AAEIH,MAAAA,IAAI,EAAEH,IAAI,CAACO,aAAL,CAAmBpB,QAAQ,WAAIO,IAAJ,gBAA3B;AAFV,KADK,CAAT;;AAOA,QAAIA,IAAI,KAAKH,YAAb,EAA2B;AACvBU,MAAAA,MAAM,CAACQ,OAAP,CAAe;AACXP,QAAAA,EAAE,EAAEN,MADO;AAEXO,QAAAA,IAAI,EAAEN,QAAQ,IAAIG,IAAI,CAACO,aAAL,CAAmBpB,QAAQ,CAACuB,cAA5B;AAFP,OAAf;AAIH;AACJ;;AAED,SACI,oBAAC,WAAD;AACI,IAAA,MAAM,EAAET,MADZ;AAEI,IAAA,SAAS,EAAET,eAFf;AAGI,IAAA,OAAO,EAAEG,OAHb;AAII,IAAA,YAAY,EAAEI,WAJlB;AAKI,IAAA,MAAM,EAAEH;AALZ,IADJ;AASH,CAxCD;;AA0CA,eAAeV,UAAU,CAACO,aAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content sub header component\n * @author Box\n */\n\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport messages from '../messages';\nimport { Breadcrumbs } from '../breadcrumbs';\nimport { VIEW_SEARCH, VIEW_FOLDER, VIEW_RECENTS, DELIMITER_CARET } from '../../../constants';\nimport type { View, Collection } from '../../../common/types/core';\n\ntype Props = {\n    currentCollection: Collection,\n    intl: IntlShape,\n    isSmall: boolean,\n    onItemClick: Function,\n    rootId: string,\n    rootName?: string,\n    view: View,\n};\n\nconst SubHeaderLeft = ({ view, isSmall, rootId, rootName, currentCollection, onItemClick, intl }: Props) => {\n    let crumbs;\n\n    if (view === VIEW_FOLDER || view === VIEW_SEARCH) {\n        const { id, name = '', breadcrumbs = [] } = currentCollection;\n        crumbs = breadcrumbs.concat({ id, name });\n\n        // Search results are specific to the current folder\n        // hence the breadcrumb is added to the end of the list\n        if (view === VIEW_SEARCH) {\n            crumbs = crumbs.concat({\n                id: undefined,\n                name: intl.formatMessage(messages.searchBreadcrumb),\n            });\n        }\n    } else {\n        crumbs = [\n            {\n                id: undefined,\n                name: intl.formatMessage(messages[`${view}Breadcrumb`]),\n            },\n        ];\n\n        if (view !== VIEW_RECENTS) {\n            crumbs.unshift({\n                id: rootId,\n                name: rootName || intl.formatMessage(messages.rootBreadcrumb),\n            });\n        }\n    }\n\n    return (\n        <Breadcrumbs\n            crumbs={crumbs}\n            delimiter={DELIMITER_CARET}\n            isSmall={isSmall}\n            onCrumbClick={onItemClick}\n            rootId={rootId}\n        />\n    );\n};\n\nexport default injectIntl(SubHeaderLeft);\n"],"file":"SubHeaderLeft.js"}

package/es/elements/common/sub-header/ViewModeChangeButton.js.flow

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import classNames from 'classnames';
 import noop from 'lodash/noop';
 
@@ -18,9 +18,10 @@ import './ViewModeChangeButton.scss';
 
 type Props = {
     className?: string,
+    intl: IntlShape,
     onViewModeChange?: (viewMode: ViewMode) => void,
     viewMode: ViewMode,
-} & InjectIntlProvidedProps;
+};
 
 const ViewModeChangeButton = ({ className = '', onViewModeChange = noop, intl, viewMode, ...rest }: Props) => {
     const isGridView = viewMode === VIEW_MODE_GRID;

package/es/elements/common/sub-header/ViewModeChangeButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/common/sub-header/ViewModeChangeButton.js"],"names":["React","injectIntl","classNames","noop","Button","IconGridViewInverted","IconListView","messages","Tooltip","VIEW_MODE_GRID","VIEW_MODE_LIST","bdlGray65","ViewModeChangeButton","className","onViewModeChange","intl","viewMode","rest","isGridView","viewMessage","formatMessage","listView","gridView","onClick"],"mappings":";;;;;;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AAEA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,oBAAP,MAAiC,6CAAjC;AACA,OAAOC,YAAP,MAAyB,qCAAzB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,SAASC,cAAT,EAAyBC,cAAzB,QAA+C,oBAA/C;AACA,SAASC,SAAT,QAA0B,2BAA1B;AACA,OAAO,6BAAP;;AAQA,MAAMC,oBAAoB,GAAG,UAAiF;AAAA,MAAhF;AAAEC,IAAAA,SAAS,GAAG,EAAd;AAAkBC,IAAAA,gBAAgB,GAAGX,IAArC;AAA2CY,IAAAA,IAA3C;AAAiDC,IAAAA;AAAjD,GAAgF;AAAA,MAAlBC,IAAkB;;AAC1G,QAAMC,UAAU,GAAGF,QAAQ,KAAKP,cAAhC;AACA,QAAMU,WAAW,GAAGD,UAAU,GAAGH,IAAI,CAACK,aAAL,CAAmBb,QAAQ,CAACc,QAA5B,CAAH,GAA2CN,IAAI,CAACK,aAAL,CAAmBb,QAAQ,CAACe,QAA5B,CAAzE;;AACA,QAAMC,OAAO,GAAG,MAAM;AAClBT,IAAAA,gBAAgB,CAACI,UAAU,GAAGR,cAAH,GAAoBD,cAA/B,CAAhB;AACH,GAFD;;AAIA,SACI,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAEU;AAAf,KACI,oBAAC,MAAD;AACI,kBAAYA,WADhB;AAEI,mBAAY,yBAFhB;AAGI,IAAA,SAAS,EAAEjB,UAAU,CAAC,0BAAD,EAA6BW,SAA7B,CAHzB;AAII,IAAA,IAAI,EAAC,QAJT;AAKI,IAAA,OAAO,EAAEU;AALb,KAMQN,IANR,GAQKC,UAAU,GACP,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEP,SAArB;AAAgC,IAAA,KAAK,EAAE,EAAvC;AAA2C,IAAA,MAAM,EAAE;AAAnD,IADO,GAGP,oBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAEA,SAA7B;AAAwC,IAAA,KAAK,EAAE,EAA/C;AAAmD,IAAA,MAAM,EAAE;AAA3D,IAXR,CADJ,CADJ;AAkBH,CAzBD;;AA2BA,eAAeV,UAAU,CAACW,oBAAD,CAAzB","sourcesContent":["// @flow\n\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\n\nimport Button from '../../../components/button';\nimport IconGridViewInverted from '../../../icons/general/IconGridViewInverted';\nimport IconListView from '../../../icons/general/IconListView';\nimport messages from '../messages';\nimport Tooltip from '../Tooltip';\nimport type { ViewMode } from '../flowTypes';\nimport { VIEW_MODE_GRID, VIEW_MODE_LIST } from '../../../constants';\nimport { bdlGray65 } from '../../../styles/variables';\nimport './ViewModeChangeButton.scss';\n\ntype Props = {\n    className?: string,\n    onViewModeChange?: (viewMode: ViewMode) => void,\n    viewMode: ViewMode,\n} & InjectIntlProvidedProps;\n\nconst ViewModeChangeButton = ({ className = '', onViewModeChange = noop, intl, viewMode, ...rest }: Props) => {\n    const isGridView = viewMode === VIEW_MODE_GRID;\n    const viewMessage = isGridView ? intl.formatMessage(messages.listView) : intl.formatMessage(messages.gridView);\n    const onClick = () => {\n        onViewModeChange(isGridView ? VIEW_MODE_LIST : VIEW_MODE_GRID);\n    };\n\n    return (\n        <Tooltip text={viewMessage}>\n            <Button\n                aria-label={viewMessage}\n                data-testid=\"view-mode-change-button\"\n                className={classNames('bdl-ViewModeChangeButton', className)}\n                type=\"button\"\n                onClick={onClick}\n                {...rest}\n            >\n                {isGridView ? (\n                    <IconListView color={bdlGray65} width={17} height={17} />\n                ) : (\n                    <IconGridViewInverted color={bdlGray65} width={17} height={17} />\n                )}\n            </Button>\n        </Tooltip>\n    );\n};\n\nexport default injectIntl(ViewModeChangeButton);\n"],"file":"ViewModeChangeButton.js"}
+{"version":3,"sources":["../../../../src/elements/common/sub-header/ViewModeChangeButton.js"],"names":["React","injectIntl","classNames","noop","Button","IconGridViewInverted","IconListView","messages","Tooltip","VIEW_MODE_GRID","VIEW_MODE_LIST","bdlGray65","ViewModeChangeButton","className","onViewModeChange","intl","viewMode","rest","isGridView","viewMessage","formatMessage","listView","gridView","onClick"],"mappings":";;;;;;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AAEA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,oBAAP,MAAiC,6CAAjC;AACA,OAAOC,YAAP,MAAyB,qCAAzB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,SAASC,cAAT,EAAyBC,cAAzB,QAA+C,oBAA/C;AACA,SAASC,SAAT,QAA0B,2BAA1B;AACA,OAAO,6BAAP;;AASA,MAAMC,oBAAoB,GAAG,UAAiF;AAAA,MAAhF;AAAEC,IAAAA,SAAS,GAAG,EAAd;AAAkBC,IAAAA,gBAAgB,GAAGX,IAArC;AAA2CY,IAAAA,IAA3C;AAAiDC,IAAAA;AAAjD,GAAgF;AAAA,MAAlBC,IAAkB;;AAC1G,QAAMC,UAAU,GAAGF,QAAQ,KAAKP,cAAhC;AACA,QAAMU,WAAW,GAAGD,UAAU,GAAGH,IAAI,CAACK,aAAL,CAAmBb,QAAQ,CAACc,QAA5B,CAAH,GAA2CN,IAAI,CAACK,aAAL,CAAmBb,QAAQ,CAACe,QAA5B,CAAzE;;AACA,QAAMC,OAAO,GAAG,MAAM;AAClBT,IAAAA,gBAAgB,CAACI,UAAU,GAAGR,cAAH,GAAoBD,cAA/B,CAAhB;AACH,GAFD;;AAIA,SACI,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAEU;AAAf,KACI,oBAAC,MAAD;AACI,kBAAYA,WADhB;AAEI,mBAAY,yBAFhB;AAGI,IAAA,SAAS,EAAEjB,UAAU,CAAC,0BAAD,EAA6BW,SAA7B,CAHzB;AAII,IAAA,IAAI,EAAC,QAJT;AAKI,IAAA,OAAO,EAAEU;AALb,KAMQN,IANR,GAQKC,UAAU,GACP,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEP,SAArB;AAAgC,IAAA,KAAK,EAAE,EAAvC;AAA2C,IAAA,MAAM,EAAE;AAAnD,IADO,GAGP,oBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAEA,SAA7B;AAAwC,IAAA,KAAK,EAAE,EAA/C;AAAmD,IAAA,MAAM,EAAE;AAA3D,IAXR,CADJ,CADJ;AAkBH,CAzBD;;AA2BA,eAAeV,UAAU,CAACW,oBAAD,CAAzB","sourcesContent":["// @flow\n\nimport React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\n\nimport Button from '../../../components/button';\nimport IconGridViewInverted from '../../../icons/general/IconGridViewInverted';\nimport IconListView from '../../../icons/general/IconListView';\nimport messages from '../messages';\nimport Tooltip from '../Tooltip';\nimport type { ViewMode } from '../flowTypes';\nimport { VIEW_MODE_GRID, VIEW_MODE_LIST } from '../../../constants';\nimport { bdlGray65 } from '../../../styles/variables';\nimport './ViewModeChangeButton.scss';\n\ntype Props = {\n    className?: string,\n    intl: IntlShape,\n    onViewModeChange?: (viewMode: ViewMode) => void,\n    viewMode: ViewMode,\n};\n\nconst ViewModeChangeButton = ({ className = '', onViewModeChange = noop, intl, viewMode, ...rest }: Props) => {\n    const isGridView = viewMode === VIEW_MODE_GRID;\n    const viewMessage = isGridView ? intl.formatMessage(messages.listView) : intl.formatMessage(messages.gridView);\n    const onClick = () => {\n        onViewModeChange(isGridView ? VIEW_MODE_LIST : VIEW_MODE_GRID);\n    };\n\n    return (\n        <Tooltip text={viewMessage}>\n            <Button\n                aria-label={viewMessage}\n                data-testid=\"view-mode-change-button\"\n                className={classNames('bdl-ViewModeChangeButton', className)}\n                type=\"button\"\n                onClick={onClick}\n                {...rest}\n            >\n                {isGridView ? (\n                    <IconListView color={bdlGray65} width={17} height={17} />\n                ) : (\n                    <IconGridViewInverted color={bdlGray65} width={17} height={17} />\n                )}\n            </Button>\n        </Tooltip>\n    );\n};\n\nexport default injectIntl(ViewModeChangeButton);\n"],"file":"ViewModeChangeButton.js"}

package/es/elements/common/upload-dialog/UploadDialog.js.flow

@@ -7,7 +7,7 @@
 import React from 'react';
 import Modal from 'react-modal';
 import { injectIntl } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import ContentUploader from '../../content-uploader';
 import messages from '../messages';
 import { CLASS_MODAL_CONTENT_FULL_BLEED, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../../constants';
@@ -18,6 +18,7 @@ type Props = {
     appElement: HTMLElement,
     contentUploaderProps: ContentUploaderProps,
     currentFolderId: ?string,
+    intl: IntlShape,
     isOpen: boolean,
     onClose: Function,
     onUpload?: Function,
@@ -28,7 +29,7 @@ type Props = {
     sharedLinkPassword?: string,
     token: Token,
     uploadHost: string,
-} & InjectIntlProvidedProps;
+};
 
 const UploadDialog = ({
     isOpen,

package/es/elements/common/upload-dialog/UploadDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/common/upload-dialog/UploadDialog.js"],"names":["React","Modal","injectIntl","ContentUploader","messages","CLASS_MODAL_CONTENT_FULL_BLEED","CLASS_MODAL_OVERLAY","CLASS_MODAL","UploadDialog","isOpen","currentFolderId","token","sharedLink","sharedLinkPassword","apiHost","uploadHost","onClose","parentElement","appElement","onUpload","contentUploaderProps","requestInterceptor","responseInterceptor","intl","formatMessage","upload"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,eAAP,MAA4B,wBAA5B;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,8BAAT,EAAyCC,mBAAzC,EAA8DC,WAA9D,QAAiF,oBAAjF;;AAoBA,MAAMC,YAAY,GAAG;AAAA,MAAC;AAClBC,IAAAA,MADkB;AAElBC,IAAAA,eAFkB;AAGlBC,IAAAA,KAHkB;AAIlBC,IAAAA,UAJkB;AAKlBC,IAAAA,kBALkB;AAMlBC,IAAAA,OANkB;AAOlBC,IAAAA,UAPkB;AAQlBC,IAAAA,OARkB;AASlBC,IAAAA,aATkB;AAUlBC,IAAAA,UAVkB;AAWlBC,IAAAA,QAXkB;AAYlBC,IAAAA,oBAZkB;AAalBC,IAAAA,kBAbkB;AAclBC,IAAAA,mBAdkB;AAelBC,IAAAA;AAfkB,GAAD;AAAA,SAiBjB,oBAAC,KAAD;AACI,IAAA,UAAU,EAAEL,UADhB;AAEI,IAAA,SAAS,EAAEb,8BAFf;AAGI,IAAA,YAAY,EAAEkB,IAAI,CAACC,aAAL,CAAmBpB,QAAQ,CAACqB,MAA5B,CAHlB;AAII,IAAA,MAAM,EAAEhB,MAJZ;AAKI,IAAA,cAAc,EAAEO,OALpB;AAMI,IAAA,gBAAgB,EAAEV,mBANtB;AAOI,IAAA,cAAc,EAAE,MAAMW,aAP1B;AAQI,IAAA,eAAe,YAAKV,WAAL;AARnB,KAUI,oBAAC,eAAD,eACQa,oBADR;AAEI,IAAA,OAAO,EAAEN,OAFb;AAGI,IAAA,OAAO,EAAEE,OAHb;AAII,IAAA,UAAU,EAAEG,QAJhB;AAKI,IAAA,kBAAkB,EAAEE,kBALxB;AAMI,IAAA,mBAAmB,EAAEC,mBANzB;AAOI,IAAA,YAAY,EAAEZ,eAPlB;AAQI,IAAA,UAAU,EAAEE,UARhB;AASI,IAAA,kBAAkB,EAAEC,kBATxB;AAUI,IAAA,KAAK,EAAEF,KAVX;AAWI,IAAA,UAAU,EAAEI;AAXhB,KAVJ,CAjBiB;AAAA,CAArB;;AA2CA,eAAeb,UAAU,CAACM,YAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Delete Confirmation Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport ContentUploader from '../../content-uploader';\nimport messages from '../messages';\nimport { CLASS_MODAL_CONTENT_FULL_BLEED, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../../constants';\nimport type { Token } from '../../../common/types/core';\n\ntype Props = {\n    apiHost: string,\n    appElement: HTMLElement,\n    contentUploaderProps: ContentUploaderProps,\n    currentFolderId: ?string,\n    isOpen: boolean,\n    onClose: Function,\n    onUpload?: Function,\n    parentElement: HTMLElement,\n    requestInterceptor?: Function,\n    responseInterceptor?: Function,\n    sharedLink?: string,\n    sharedLinkPassword?: string,\n    token: Token,\n    uploadHost: string,\n} & InjectIntlProvidedProps;\n\nconst UploadDialog = ({\n    isOpen,\n    currentFolderId,\n    token,\n    sharedLink,\n    sharedLinkPassword,\n    apiHost,\n    uploadHost,\n    onClose,\n    parentElement,\n    appElement,\n    onUpload,\n    contentUploaderProps,\n    requestInterceptor,\n    responseInterceptor,\n    intl,\n}: Props) => (\n    <Modal\n        appElement={appElement}\n        className={CLASS_MODAL_CONTENT_FULL_BLEED}\n        contentLabel={intl.formatMessage(messages.upload)}\n        isOpen={isOpen}\n        onRequestClose={onClose}\n        overlayClassName={CLASS_MODAL_OVERLAY}\n        parentSelector={() => parentElement}\n        portalClassName={`${CLASS_MODAL} be-modal-upload`}\n    >\n        <ContentUploader\n            {...contentUploaderProps}\n            apiHost={apiHost}\n            onClose={onClose}\n            onComplete={onUpload}\n            requestInterceptor={requestInterceptor}\n            responseInterceptor={responseInterceptor}\n            rootFolderId={currentFolderId}\n            sharedLink={sharedLink}\n            sharedLinkPassword={sharedLinkPassword}\n            token={token}\n            uploadHost={uploadHost}\n        />\n    </Modal>\n);\n\nexport default injectIntl(UploadDialog);\n"],"file":"UploadDialog.js"}
+{"version":3,"sources":["../../../../src/elements/common/upload-dialog/UploadDialog.js"],"names":["React","Modal","injectIntl","ContentUploader","messages","CLASS_MODAL_CONTENT_FULL_BLEED","CLASS_MODAL_OVERLAY","CLASS_MODAL","UploadDialog","isOpen","currentFolderId","token","sharedLink","sharedLinkPassword","apiHost","uploadHost","onClose","parentElement","appElement","onUpload","contentUploaderProps","requestInterceptor","responseInterceptor","intl","formatMessage","upload"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,eAAP,MAA4B,wBAA5B;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,8BAAT,EAAyCC,mBAAzC,EAA8DC,WAA9D,QAAiF,oBAAjF;;AAqBA,MAAMC,YAAY,GAAG;AAAA,MAAC;AAClBC,IAAAA,MADkB;AAElBC,IAAAA,eAFkB;AAGlBC,IAAAA,KAHkB;AAIlBC,IAAAA,UAJkB;AAKlBC,IAAAA,kBALkB;AAMlBC,IAAAA,OANkB;AAOlBC,IAAAA,UAPkB;AAQlBC,IAAAA,OARkB;AASlBC,IAAAA,aATkB;AAUlBC,IAAAA,UAVkB;AAWlBC,IAAAA,QAXkB;AAYlBC,IAAAA,oBAZkB;AAalBC,IAAAA,kBAbkB;AAclBC,IAAAA,mBAdkB;AAelBC,IAAAA;AAfkB,GAAD;AAAA,SAiBjB,oBAAC,KAAD;AACI,IAAA,UAAU,EAAEL,UADhB;AAEI,IAAA,SAAS,EAAEb,8BAFf;AAGI,IAAA,YAAY,EAAEkB,IAAI,CAACC,aAAL,CAAmBpB,QAAQ,CAACqB,MAA5B,CAHlB;AAII,IAAA,MAAM,EAAEhB,MAJZ;AAKI,IAAA,cAAc,EAAEO,OALpB;AAMI,IAAA,gBAAgB,EAAEV,mBANtB;AAOI,IAAA,cAAc,EAAE,MAAMW,aAP1B;AAQI,IAAA,eAAe,YAAKV,WAAL;AARnB,KAUI,oBAAC,eAAD,eACQa,oBADR;AAEI,IAAA,OAAO,EAAEN,OAFb;AAGI,IAAA,OAAO,EAAEE,OAHb;AAII,IAAA,UAAU,EAAEG,QAJhB;AAKI,IAAA,kBAAkB,EAAEE,kBALxB;AAMI,IAAA,mBAAmB,EAAEC,mBANzB;AAOI,IAAA,YAAY,EAAEZ,eAPlB;AAQI,IAAA,UAAU,EAAEE,UARhB;AASI,IAAA,kBAAkB,EAAEC,kBATxB;AAUI,IAAA,KAAK,EAAEF,KAVX;AAWI,IAAA,UAAU,EAAEI;AAXhB,KAVJ,CAjBiB;AAAA,CAArB;;AA2CA,eAAeb,UAAU,CAACM,YAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Delete Confirmation Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport ContentUploader from '../../content-uploader';\nimport messages from '../messages';\nimport { CLASS_MODAL_CONTENT_FULL_BLEED, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../../constants';\nimport type { Token } from '../../../common/types/core';\n\ntype Props = {\n    apiHost: string,\n    appElement: HTMLElement,\n    contentUploaderProps: ContentUploaderProps,\n    currentFolderId: ?string,\n    intl: IntlShape,\n    isOpen: boolean,\n    onClose: Function,\n    onUpload?: Function,\n    parentElement: HTMLElement,\n    requestInterceptor?: Function,\n    responseInterceptor?: Function,\n    sharedLink?: string,\n    sharedLinkPassword?: string,\n    token: Token,\n    uploadHost: string,\n};\n\nconst UploadDialog = ({\n    isOpen,\n    currentFolderId,\n    token,\n    sharedLink,\n    sharedLinkPassword,\n    apiHost,\n    uploadHost,\n    onClose,\n    parentElement,\n    appElement,\n    onUpload,\n    contentUploaderProps,\n    requestInterceptor,\n    responseInterceptor,\n    intl,\n}: Props) => (\n    <Modal\n        appElement={appElement}\n        className={CLASS_MODAL_CONTENT_FULL_BLEED}\n        contentLabel={intl.formatMessage(messages.upload)}\n        isOpen={isOpen}\n        onRequestClose={onClose}\n        overlayClassName={CLASS_MODAL_OVERLAY}\n        parentSelector={() => parentElement}\n        portalClassName={`${CLASS_MODAL} be-modal-upload`}\n    >\n        <ContentUploader\n            {...contentUploaderProps}\n            apiHost={apiHost}\n            onClose={onClose}\n            onComplete={onUpload}\n            requestInterceptor={requestInterceptor}\n            responseInterceptor={responseInterceptor}\n            rootFolderId={currentFolderId}\n            sharedLink={sharedLink}\n            sharedLinkPassword={sharedLinkPassword}\n            token={token}\n            uploadHost={uploadHost}\n        />\n    </Modal>\n);\n\nexport default injectIntl(UploadDialog);\n"],"file":"UploadDialog.js"}

package/es/elements/content-explorer/DeleteConfirmationDialog.js.flow

@@ -7,7 +7,7 @@
 import React from 'react';
 import Modal from 'react-modal';
 import { injectIntl, FormattedMessage } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import PrimaryButton from '../../components/primary-button/PrimaryButton';
 import Button from '../../components/button/Button';
 import messages from '../common/messages';
@@ -18,13 +18,14 @@ import './DeleteConfirmationDialog.scss';
 
 type Props = {
     appElement: HTMLElement,
+    intl: IntlShape,
     isLoading: boolean,
     isOpen: boolean,
     item: BoxItem,
     onCancel: Function,
     onDelete: Function,
     parentElement: HTMLElement,
-} & InjectIntlProvidedProps;
+};
 
 const DeleteConfirmationDialog = ({
     isOpen,

package/es/elements/content-explorer/DeleteConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-explorer/DeleteConfirmationDialog.js"],"names":["React","Modal","injectIntl","FormattedMessage","PrimaryButton","Button","messages","CLASS_MODAL_CONTENT","CLASS_MODAL_OVERLAY","CLASS_MODAL","TYPE_FOLDER","DeleteConfirmationDialog","isOpen","onDelete","onCancel","item","isLoading","parentElement","appElement","intl","message","type","deleteDialogFolderText","deleteDialogFileText","formatMessage","deleteDialogLabel","name","delete","cancel"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAASC,UAAT,EAAqBC,gBAArB,QAA6C,YAA7C;AAEA,OAAOC,aAAP,MAA0B,+CAA1B;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SAASC,mBAAT,EAA8BC,mBAA9B,EAAmDC,WAAnD,EAAgEC,WAAhE,QAAmF,iBAAnF;AAGA,OAAO,iCAAP;;AAYA,MAAMC,wBAAwB,GAAG,UASpB;AAAA,MATqB;AAC9BC,IAAAA,MAD8B;AAE9BC,IAAAA,QAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,IAJ8B;AAK9BC,IAAAA,SAL8B;AAM9BC,IAAAA,aAN8B;AAO9BC,IAAAA,UAP8B;AAQ9BC,IAAAA;AAR8B,GASrB;AACT,QAAMC,OAAO,GAAGL,IAAI,CAACM,IAAL,KAAcX,WAAd,GAA4BJ,QAAQ,CAACgB,sBAArC,GAA8DhB,QAAQ,CAACiB,oBAAvF;AACA,SACI,oBAAC,KAAD;AACI,IAAA,UAAU,EAAEL,UADhB;AAEI,IAAA,SAAS,EAAEX,mBAFf;AAGI,IAAA,YAAY,EAAEY,IAAI,CAACK,aAAL,CAAmBlB,QAAQ,CAACmB,iBAA5B,CAHlB;AAII,IAAA,MAAM,EAAEb,MAJZ;AAKI,IAAA,cAAc,EAAEE,QALpB;AAMI,IAAA,gBAAgB,EAAEN,mBANtB;AAOI,IAAA,cAAc,EAAE,MAAMS,aAP1B;AAQI,IAAA,eAAe,YAAKR,WAAL;AARnB,KAUI,oBAAC,gBAAD,eAAsBW,OAAtB;AAA+B,IAAA,MAAM,EAAE;AAAEM,MAAAA,IAAI,EAAEX,IAAI,CAACW;AAAb;AAAvC,KAVJ,EAWI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEV,SAA1B;AAAqC,IAAA,OAAO,EAAEH,QAA9C;AAAwD,IAAA,IAAI,EAAC;AAA7D,KACI,oBAAC,gBAAD,EAAsBP,QAAQ,CAACqB,MAA/B,CADJ,CADJ,EAII,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,UAAU,EAAEX,SAA9B;AAAyC,IAAA,OAAO,EAAEF,QAAlD;AAA4D,IAAA,IAAI,EAAC;AAAjE,KACI,oBAAC,gBAAD,EAAsBR,QAAQ,CAACsB,MAA/B,CADJ,CAJJ,CAXJ,CADJ;AAsBH,CAjCD;;AAmCA,eAAe1B,UAAU,CAACS,wBAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Delete Confirmation Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport PrimaryButton from '../../components/primary-button/PrimaryButton';\nimport Button from '../../components/button/Button';\nimport messages from '../common/messages';\nimport { CLASS_MODAL_CONTENT, CLASS_MODAL_OVERLAY, CLASS_MODAL, TYPE_FOLDER } from '../../constants';\nimport type { BoxItem } from '../../common/types/core';\n\nimport './DeleteConfirmationDialog.scss';\n\ntype Props = {\n    appElement: HTMLElement,\n    isLoading: boolean,\n    isOpen: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onDelete: Function,\n    parentElement: HTMLElement,\n} & InjectIntlProvidedProps;\n\nconst DeleteConfirmationDialog = ({\n    isOpen,\n    onDelete,\n    onCancel,\n    item,\n    isLoading,\n    parentElement,\n    appElement,\n    intl,\n}: Props) => {\n    const message = item.type === TYPE_FOLDER ? messages.deleteDialogFolderText : messages.deleteDialogFileText;\n    return (\n        <Modal\n            appElement={appElement}\n            className={CLASS_MODAL_CONTENT}\n            contentLabel={intl.formatMessage(messages.deleteDialogLabel)}\n            isOpen={isOpen}\n            onRequestClose={onCancel}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-delete`}\n        >\n            <FormattedMessage {...message} values={{ name: item.name }} />\n            <div className=\"be-modal-btns\">\n                <PrimaryButton isLoading={isLoading} onClick={onDelete} type=\"button\">\n                    <FormattedMessage {...messages.delete} />\n                </PrimaryButton>\n                <Button autoFocus isDisabled={isLoading} onClick={onCancel} type=\"button\">\n                    <FormattedMessage {...messages.cancel} />\n                </Button>\n            </div>\n        </Modal>\n    );\n};\n\nexport default injectIntl(DeleteConfirmationDialog);\n"],"file":"DeleteConfirmationDialog.js"}
+{"version":3,"sources":["../../../src/elements/content-explorer/DeleteConfirmationDialog.js"],"names":["React","Modal","injectIntl","FormattedMessage","PrimaryButton","Button","messages","CLASS_MODAL_CONTENT","CLASS_MODAL_OVERLAY","CLASS_MODAL","TYPE_FOLDER","DeleteConfirmationDialog","isOpen","onDelete","onCancel","item","isLoading","parentElement","appElement","intl","message","type","deleteDialogFolderText","deleteDialogFileText","formatMessage","deleteDialogLabel","name","delete","cancel"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAASC,UAAT,EAAqBC,gBAArB,QAA6C,YAA7C;AAEA,OAAOC,aAAP,MAA0B,+CAA1B;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SAASC,mBAAT,EAA8BC,mBAA9B,EAAmDC,WAAnD,EAAgEC,WAAhE,QAAmF,iBAAnF;AAGA,OAAO,iCAAP;;AAaA,MAAMC,wBAAwB,GAAG,UASpB;AAAA,MATqB;AAC9BC,IAAAA,MAD8B;AAE9BC,IAAAA,QAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,IAJ8B;AAK9BC,IAAAA,SAL8B;AAM9BC,IAAAA,aAN8B;AAO9BC,IAAAA,UAP8B;AAQ9BC,IAAAA;AAR8B,GASrB;AACT,QAAMC,OAAO,GAAGL,IAAI,CAACM,IAAL,KAAcX,WAAd,GAA4BJ,QAAQ,CAACgB,sBAArC,GAA8DhB,QAAQ,CAACiB,oBAAvF;AACA,SACI,oBAAC,KAAD;AACI,IAAA,UAAU,EAAEL,UADhB;AAEI,IAAA,SAAS,EAAEX,mBAFf;AAGI,IAAA,YAAY,EAAEY,IAAI,CAACK,aAAL,CAAmBlB,QAAQ,CAACmB,iBAA5B,CAHlB;AAII,IAAA,MAAM,EAAEb,MAJZ;AAKI,IAAA,cAAc,EAAEE,QALpB;AAMI,IAAA,gBAAgB,EAAEN,mBANtB;AAOI,IAAA,cAAc,EAAE,MAAMS,aAP1B;AAQI,IAAA,eAAe,YAAKR,WAAL;AARnB,KAUI,oBAAC,gBAAD,eAAsBW,OAAtB;AAA+B,IAAA,MAAM,EAAE;AAAEM,MAAAA,IAAI,EAAEX,IAAI,CAACW;AAAb;AAAvC,KAVJ,EAWI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEV,SAA1B;AAAqC,IAAA,OAAO,EAAEH,QAA9C;AAAwD,IAAA,IAAI,EAAC;AAA7D,KACI,oBAAC,gBAAD,EAAsBP,QAAQ,CAACqB,MAA/B,CADJ,CADJ,EAII,oBAAC,MAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,UAAU,EAAEX,SAA9B;AAAyC,IAAA,OAAO,EAAEF,QAAlD;AAA4D,IAAA,IAAI,EAAC;AAAjE,KACI,oBAAC,gBAAD,EAAsBR,QAAQ,CAACsB,MAA/B,CADJ,CAJJ,CAXJ,CADJ;AAsBH,CAjCD;;AAmCA,eAAe1B,UAAU,CAACS,wBAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Delete Confirmation Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport PrimaryButton from '../../components/primary-button/PrimaryButton';\nimport Button from '../../components/button/Button';\nimport messages from '../common/messages';\nimport { CLASS_MODAL_CONTENT, CLASS_MODAL_OVERLAY, CLASS_MODAL, TYPE_FOLDER } from '../../constants';\nimport type { BoxItem } from '../../common/types/core';\n\nimport './DeleteConfirmationDialog.scss';\n\ntype Props = {\n    appElement: HTMLElement,\n    intl: IntlShape,\n    isLoading: boolean,\n    isOpen: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onDelete: Function,\n    parentElement: HTMLElement,\n};\n\nconst DeleteConfirmationDialog = ({\n    isOpen,\n    onDelete,\n    onCancel,\n    item,\n    isLoading,\n    parentElement,\n    appElement,\n    intl,\n}: Props) => {\n    const message = item.type === TYPE_FOLDER ? messages.deleteDialogFolderText : messages.deleteDialogFileText;\n    return (\n        <Modal\n            appElement={appElement}\n            className={CLASS_MODAL_CONTENT}\n            contentLabel={intl.formatMessage(messages.deleteDialogLabel)}\n            isOpen={isOpen}\n            onRequestClose={onCancel}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-delete`}\n        >\n            <FormattedMessage {...message} values={{ name: item.name }} />\n            <div className=\"be-modal-btns\">\n                <PrimaryButton isLoading={isLoading} onClick={onDelete} type=\"button\">\n                    <FormattedMessage {...messages.delete} />\n                </PrimaryButton>\n                <Button autoFocus isDisabled={isLoading} onClick={onCancel} type=\"button\">\n                    <FormattedMessage {...messages.cancel} />\n                </Button>\n            </div>\n        </Modal>\n    );\n};\n\nexport default injectIntl(DeleteConfirmationDialog);\n"],"file":"DeleteConfirmationDialog.js"}

package/es/elements/content-explorer/ItemList.js.flow

@@ -7,7 +7,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { injectIntl } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import { Table, Column } from '@box/react-virtualized/dist/es/Table';
 import AutoSizer from '@box/react-virtualized/dist/es/AutoSizer';
 import KeyBinder from '../common/KeyBinder';
@@ -32,6 +32,7 @@ type Props = {
     canShare: boolean,
     currentCollection: Collection,
     focusedRow: number,
+    intl: IntlShape,
     isMedium: boolean,
     isSmall: boolean,
     isTouch: boolean,
@@ -47,7 +48,7 @@ type Props = {
     rootId: string,
     tableRef: Function,
     view: View,
-} & InjectIntlProvidedProps;
+};
 
 const ItemList = ({
     view,

package/es/elements/content-explorer/ItemList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-explorer/ItemList.js"],"names":["React","classNames","injectIntl","Table","Column","AutoSizer","KeyBinder","nameCellRenderer","iconCellRenderer","focus","messages","headerCellRenderer","sizeCellRenderer","dateCellRenderer","moreOptionsCellRenderer","FIELD_DATE","FIELD_ID","FIELD_NAME","FIELD_SIZE","VIEW_FOLDER","VIEW_RECENTS","ItemList","view","isSmall","isMedium","isTouch","rootId","rootElement","canShare","canDownload","canDelete","canPreview","canRename","onItemClick","onItemSelect","onItemDelete","onItemDownload","onItemRename","onItemShare","onItemPreview","onSortChange","currentCollection","tableRef","focusedRow","intl","nameCell","iconCell","dateCell","sizeAccessCell","moreOptionsCell","isRecents","hasSort","id","items","sortBy","sortDirection","rowCount","length","rowClassName","index","selected","sort","by","direction","scrollToRow","onSectionRendered","focusOnRender","width","height","rowData","startIndex","stopIndex","rowStartIndex","rowStopIndex","formatMessage","name","interacted","modified","size"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Item list component\n * @author Box\n */\n\nimport React from 'react';\nimport classNames from 'classnames';\nimport { injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport { Table, Column } from '@box/react-virtualized/dist/es/Table';\nimport AutoSizer from '@box/react-virtualized/dist/es/AutoSizer';\nimport KeyBinder from '../common/KeyBinder';\nimport nameCellRenderer from '../common/item/nameCellRenderer';\nimport iconCellRenderer from '../common/item/iconCellRenderer';\nimport { focus } from '../../utils/dom';\nimport messages from '../common/messages';\nimport headerCellRenderer from './headerCellRenderer';\nimport sizeCellRenderer from './sizeCellRenderer';\nimport dateCellRenderer from './dateCellRenderer';\nimport moreOptionsCellRenderer from './moreOptionsCellRenderer';\nimport { FIELD_DATE, FIELD_ID, FIELD_NAME, FIELD_SIZE, VIEW_FOLDER, VIEW_RECENTS } from '../../constants';\nimport type { View, Collection } from '../../common/types/core';\nimport '@box/react-virtualized/styles.css';\nimport './ItemList.scss';\n\ntype Props = {\n    canDelete: boolean,\n    canDownload: boolean,\n    canPreview: boolean,\n    canRename: boolean,\n    canShare: boolean,\n    currentCollection: Collection,\n    focusedRow: number,\n    isMedium: boolean,\n    isSmall: boolean,\n    isTouch: boolean,\n    onItemClick: Function,\n    onItemDelete: Function,\n    onItemDownload: Function,\n    onItemPreview: Function,\n    onItemRename: Function,\n    onItemSelect: Function,\n    onItemShare: Function,\n    onSortChange: Function,\n    rootElement: HTMLElement,\n    rootId: string,\n    tableRef: Function,\n    view: View,\n} & InjectIntlProvidedProps;\n\nconst ItemList = ({\n    view,\n    isSmall,\n    isMedium,\n    isTouch,\n    rootId,\n    rootElement,\n    canShare,\n    canDownload,\n    canDelete,\n    canPreview,\n    canRename,\n    onItemClick,\n    onItemSelect,\n    onItemDelete,\n    onItemDownload,\n    onItemRename,\n    onItemShare,\n    onItemPreview,\n    onSortChange,\n    currentCollection,\n    tableRef,\n    focusedRow,\n    intl,\n}: Props) => {\n    const nameCell = nameCellRenderer(\n        rootId,\n        view,\n        onItemClick,\n        onItemSelect,\n        canPreview,\n        isSmall, // shows details if false\n        isTouch,\n    );\n    const iconCell = iconCellRenderer();\n    const dateCell = dateCellRenderer();\n    const sizeAccessCell = sizeCellRenderer();\n    const moreOptionsCell = moreOptionsCellRenderer(\n        canPreview,\n        canShare,\n        canDownload,\n        canDelete,\n        canRename,\n        onItemSelect,\n        onItemDelete,\n        onItemDownload,\n        onItemRename,\n        onItemShare,\n        onItemPreview,\n        isSmall,\n    );\n    const isRecents: boolean = view === VIEW_RECENTS;\n    const hasSort: boolean = view === VIEW_FOLDER;\n    const { id, items = [], sortBy, sortDirection }: Collection = currentCollection;\n    const rowCount: number = items.length;\n    const rowClassName = ({ index }) => {\n        if (index === -1) {\n            return 'bce-item-header-row';\n        }\n\n        const { selected } = items[index];\n        return classNames(`bce-item-row bce-item-row-${index}`, {\n            'bce-item-row-selected': selected,\n        });\n    };\n\n    const sort = ({ sortBy: by, sortDirection: direction }) => {\n        onSortChange(by, direction);\n    };\n\n    return (\n        <KeyBinder\n            id={id}\n            items={items}\n            columnCount={1}\n            rowCount={rowCount}\n            className=\"bce-item-grid\"\n            onRename={onItemRename}\n            onShare={onItemShare}\n            onDownload={onItemDownload}\n            onOpen={onItemClick}\n            onSelect={onItemSelect}\n            onDelete={onItemDelete}\n            scrollToRow={focusedRow}\n            onScrollToChange={({ scrollToRow }) => focus(rootElement, `.bce-item-row-${scrollToRow}`)}\n        >\n            {({ onSectionRendered, scrollToRow, focusOnRender }) => (\n                <AutoSizer>\n                    {({ width, height }) => (\n                        <Table\n                            width={width}\n                            height={height}\n                            headerHeight={isSmall ? 0 : 40}\n                            rowHeight={50}\n                            rowCount={rowCount}\n                            rowGetter={({ index }) => items[index]}\n                            ref={tableRef}\n                            rowClassName={rowClassName}\n                            scrollToIndex={scrollToRow}\n                            sort={sort}\n                            sortBy={sortBy}\n                            sortDirection={sortDirection}\n                            onRowClick={({ rowData }) => onItemSelect(rowData)}\n                            onRowsRendered={({ startIndex, stopIndex }) => {\n                                onSectionRendered({\n                                    rowStartIndex: startIndex,\n                                    rowStopIndex: stopIndex,\n                                });\n                                if (focusOnRender) {\n                                    focus(rootElement, `.bce-item-row-${scrollToRow}`);\n                                }\n                            }}\n                        >\n                            <Column\n                                disableSort\n                                dataKey={FIELD_ID}\n                                cellRenderer={iconCell}\n                                headerRole=\"gridcell\"\n                                width={isSmall ? 30 : 50}\n                                flexShrink={0}\n                            />\n                            <Column\n                                disableSort={!hasSort}\n                                label={intl.formatMessage(messages.name)}\n                                dataKey={FIELD_NAME}\n                                cellRenderer={nameCell}\n                                headerRenderer={headerCellRenderer}\n                                width={300}\n                                flexGrow={1}\n                            />\n                            {isSmall ? null : (\n                                <Column\n                                    className=\"bce-item-column\"\n                                    disableSort={!hasSort}\n                                    label={\n                                        isRecents\n                                            ? intl.formatMessage(messages.interacted)\n                                            : intl.formatMessage(messages.modified)\n                                    }\n                                    dataKey={FIELD_DATE}\n                                    cellRenderer={dateCell}\n                                    headerRenderer={headerCellRenderer}\n                                    width={isRecents ? 120 : 300}\n                                    flexGrow={1}\n                                />\n                            )}\n                            {isSmall || isMedium ? null : (\n                                <Column\n                                    className=\"bce-item-column\"\n                                    disableSort={!hasSort}\n                                    label={intl.formatMessage(messages.size)}\n                                    dataKey={FIELD_SIZE}\n                                    cellRenderer={sizeAccessCell}\n                                    headerRenderer={headerCellRenderer}\n                                    width={80}\n                                    flexShrink={0}\n                                />\n                            )}\n                            <Column\n                                disableSort\n                                dataKey={FIELD_ID}\n                                cellRenderer={moreOptionsCell}\n                                headerRole=\"gridcell\"\n                                width={isSmall || !canShare ? 58 : 140}\n                                flexShrink={0}\n                            />\n                        </Table>\n                    )}\n                </AutoSizer>\n            )}\n        </KeyBinder>\n    );\n};\n\nexport default injectIntl(ItemList);\n"],"file":"ItemList.js"}
+{"version":3,"sources":["../../../src/elements/content-explorer/ItemList.js"],"names":["React","classNames","injectIntl","Table","Column","AutoSizer","KeyBinder","nameCellRenderer","iconCellRenderer","focus","messages","headerCellRenderer","sizeCellRenderer","dateCellRenderer","moreOptionsCellRenderer","FIELD_DATE","FIELD_ID","FIELD_NAME","FIELD_SIZE","VIEW_FOLDER","VIEW_RECENTS","ItemList","view","isSmall","isMedium","isTouch","rootId","rootElement","canShare","canDownload","canDelete","canPreview","canRename","onItemClick","onItemSelect","onItemDelete","onItemDownload","onItemRename","onItemShare","onItemPreview","onSortChange","currentCollection","tableRef","focusedRow","intl","nameCell","iconCell","dateCell","sizeAccessCell","moreOptionsCell","isRecents","hasSort","id","items","sortBy","sortDirection","rowCount","length","rowClassName","index","selected","sort","by","direction","scrollToRow","onSectionRendered","focusOnRender","width","height","rowData","startIndex","stopIndex","rowStartIndex","rowStopIndex","formatMessage","name","interacted","modified","size"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Item list component\n * @author Box\n */\n\nimport React from 'react';\nimport classNames from 'classnames';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport { Table, Column } from '@box/react-virtualized/dist/es/Table';\nimport AutoSizer from '@box/react-virtualized/dist/es/AutoSizer';\nimport KeyBinder from '../common/KeyBinder';\nimport nameCellRenderer from '../common/item/nameCellRenderer';\nimport iconCellRenderer from '../common/item/iconCellRenderer';\nimport { focus } from '../../utils/dom';\nimport messages from '../common/messages';\nimport headerCellRenderer from './headerCellRenderer';\nimport sizeCellRenderer from './sizeCellRenderer';\nimport dateCellRenderer from './dateCellRenderer';\nimport moreOptionsCellRenderer from './moreOptionsCellRenderer';\nimport { FIELD_DATE, FIELD_ID, FIELD_NAME, FIELD_SIZE, VIEW_FOLDER, VIEW_RECENTS } from '../../constants';\nimport type { View, Collection } from '../../common/types/core';\nimport '@box/react-virtualized/styles.css';\nimport './ItemList.scss';\n\ntype Props = {\n    canDelete: boolean,\n    canDownload: boolean,\n    canPreview: boolean,\n    canRename: boolean,\n    canShare: boolean,\n    currentCollection: Collection,\n    focusedRow: number,\n    intl: IntlShape,\n    isMedium: boolean,\n    isSmall: boolean,\n    isTouch: boolean,\n    onItemClick: Function,\n    onItemDelete: Function,\n    onItemDownload: Function,\n    onItemPreview: Function,\n    onItemRename: Function,\n    onItemSelect: Function,\n    onItemShare: Function,\n    onSortChange: Function,\n    rootElement: HTMLElement,\n    rootId: string,\n    tableRef: Function,\n    view: View,\n};\n\nconst ItemList = ({\n    view,\n    isSmall,\n    isMedium,\n    isTouch,\n    rootId,\n    rootElement,\n    canShare,\n    canDownload,\n    canDelete,\n    canPreview,\n    canRename,\n    onItemClick,\n    onItemSelect,\n    onItemDelete,\n    onItemDownload,\n    onItemRename,\n    onItemShare,\n    onItemPreview,\n    onSortChange,\n    currentCollection,\n    tableRef,\n    focusedRow,\n    intl,\n}: Props) => {\n    const nameCell = nameCellRenderer(\n        rootId,\n        view,\n        onItemClick,\n        onItemSelect,\n        canPreview,\n        isSmall, // shows details if false\n        isTouch,\n    );\n    const iconCell = iconCellRenderer();\n    const dateCell = dateCellRenderer();\n    const sizeAccessCell = sizeCellRenderer();\n    const moreOptionsCell = moreOptionsCellRenderer(\n        canPreview,\n        canShare,\n        canDownload,\n        canDelete,\n        canRename,\n        onItemSelect,\n        onItemDelete,\n        onItemDownload,\n        onItemRename,\n        onItemShare,\n        onItemPreview,\n        isSmall,\n    );\n    const isRecents: boolean = view === VIEW_RECENTS;\n    const hasSort: boolean = view === VIEW_FOLDER;\n    const { id, items = [], sortBy, sortDirection }: Collection = currentCollection;\n    const rowCount: number = items.length;\n    const rowClassName = ({ index }) => {\n        if (index === -1) {\n            return 'bce-item-header-row';\n        }\n\n        const { selected } = items[index];\n        return classNames(`bce-item-row bce-item-row-${index}`, {\n            'bce-item-row-selected': selected,\n        });\n    };\n\n    const sort = ({ sortBy: by, sortDirection: direction }) => {\n        onSortChange(by, direction);\n    };\n\n    return (\n        <KeyBinder\n            id={id}\n            items={items}\n            columnCount={1}\n            rowCount={rowCount}\n            className=\"bce-item-grid\"\n            onRename={onItemRename}\n            onShare={onItemShare}\n            onDownload={onItemDownload}\n            onOpen={onItemClick}\n            onSelect={onItemSelect}\n            onDelete={onItemDelete}\n            scrollToRow={focusedRow}\n            onScrollToChange={({ scrollToRow }) => focus(rootElement, `.bce-item-row-${scrollToRow}`)}\n        >\n            {({ onSectionRendered, scrollToRow, focusOnRender }) => (\n                <AutoSizer>\n                    {({ width, height }) => (\n                        <Table\n                            width={width}\n                            height={height}\n                            headerHeight={isSmall ? 0 : 40}\n                            rowHeight={50}\n                            rowCount={rowCount}\n                            rowGetter={({ index }) => items[index]}\n                            ref={tableRef}\n                            rowClassName={rowClassName}\n                            scrollToIndex={scrollToRow}\n                            sort={sort}\n                            sortBy={sortBy}\n                            sortDirection={sortDirection}\n                            onRowClick={({ rowData }) => onItemSelect(rowData)}\n                            onRowsRendered={({ startIndex, stopIndex }) => {\n                                onSectionRendered({\n                                    rowStartIndex: startIndex,\n                                    rowStopIndex: stopIndex,\n                                });\n                                if (focusOnRender) {\n                                    focus(rootElement, `.bce-item-row-${scrollToRow}`);\n                                }\n                            }}\n                        >\n                            <Column\n                                disableSort\n                                dataKey={FIELD_ID}\n                                cellRenderer={iconCell}\n                                headerRole=\"gridcell\"\n                                width={isSmall ? 30 : 50}\n                                flexShrink={0}\n                            />\n                            <Column\n                                disableSort={!hasSort}\n                                label={intl.formatMessage(messages.name)}\n                                dataKey={FIELD_NAME}\n                                cellRenderer={nameCell}\n                                headerRenderer={headerCellRenderer}\n                                width={300}\n                                flexGrow={1}\n                            />\n                            {isSmall ? null : (\n                                <Column\n                                    className=\"bce-item-column\"\n                                    disableSort={!hasSort}\n                                    label={\n                                        isRecents\n                                            ? intl.formatMessage(messages.interacted)\n                                            : intl.formatMessage(messages.modified)\n                                    }\n                                    dataKey={FIELD_DATE}\n                                    cellRenderer={dateCell}\n                                    headerRenderer={headerCellRenderer}\n                                    width={isRecents ? 120 : 300}\n                                    flexGrow={1}\n                                />\n                            )}\n                            {isSmall || isMedium ? null : (\n                                <Column\n                                    className=\"bce-item-column\"\n                                    disableSort={!hasSort}\n                                    label={intl.formatMessage(messages.size)}\n                                    dataKey={FIELD_SIZE}\n                                    cellRenderer={sizeAccessCell}\n                                    headerRenderer={headerCellRenderer}\n                                    width={80}\n                                    flexShrink={0}\n                                />\n                            )}\n                            <Column\n                                disableSort\n                                dataKey={FIELD_ID}\n                                cellRenderer={moreOptionsCell}\n                                headerRole=\"gridcell\"\n                                width={isSmall || !canShare ? 58 : 140}\n                                flexShrink={0}\n                            />\n                        </Table>\n                    )}\n                </AutoSizer>\n            )}\n        </KeyBinder>\n    );\n};\n\nexport default injectIntl(ItemList);\n"],"file":"ItemList.js"}

package/es/elements/content-explorer/PreviewDialog.js.flow

@@ -7,7 +7,7 @@
 import React from 'react';
 import Modal from 'react-modal';
 import { injectIntl } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import cloneDeep from 'lodash/cloneDeep';
 import messages from '../common/messages';
 import ContentPreview from '../content-preview';
@@ -23,6 +23,7 @@ type Props = {
     canDownload: boolean,
     contentPreviewProps: ContentPreviewProps,
     currentCollection: Collection,
+    intl: IntlShape,
     isOpen: boolean,
     isTouch: boolean,
     item: BoxItem,
@@ -38,7 +39,7 @@ type Props = {
     staticHost: string,
     staticPath: string,
     token: Token,
-} & InjectIntlProvidedProps;
+};
 
 const PreviewDialog = ({
     item,

package/es/elements/content-explorer/PreviewDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-explorer/PreviewDialog.js"],"names":["React","Modal","injectIntl","cloneDeep","messages","ContentPreview","TYPE_FILE","CLASS_MODAL_CONTENT_FULL_BLEED","CLASS_MODAL_OVERLAY","CLASS_MODAL","PreviewDialog","item","isOpen","parentElement","appElement","token","cache","currentCollection","canDownload","onCancel","onPreview","onDownload","apiHost","appHost","staticHost","staticPath","previewLibraryVersion","sharedLink","sharedLinkPassword","contentPreviewProps","requestInterceptor","responseInterceptor","intl","items","onLoad","data","files","filter","type","formatMessage","preview","id"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,SAASC,SAAT,EAAoBC,8BAApB,EAAoDC,mBAApD,EAAyEC,WAAzE,QAA4F,iBAA5F;;AA6BA,MAAMC,aAAa,GAAG,UAuBT;AAAA,MAvBU;AACnBC,IAAAA,IADmB;AAEnBC,IAAAA,MAFmB;AAGnBC,IAAAA,aAHmB;AAInBC,IAAAA,UAJmB;AAKnBC,IAAAA,KALmB;AAMnBC,IAAAA,KANmB;AAOnBC,IAAAA,iBAPmB;AAQnBC,IAAAA,WARmB;AASnBC,IAAAA,QATmB;AAUnBC,IAAAA,SAVmB;AAWnBC,IAAAA,UAXmB;AAYnBC,IAAAA,OAZmB;AAanBC,IAAAA,OAbmB;AAcnBC,IAAAA,UAdmB;AAenBC,IAAAA,UAfmB;AAgBnBC,IAAAA,qBAhBmB;AAiBnBC,IAAAA,UAjBmB;AAkBnBC,IAAAA,kBAlBmB;AAmBnBC,IAAAA,mBAnBmB;AAoBnBC,IAAAA,kBApBmB;AAqBnBC,IAAAA,mBArBmB;AAsBnBC,IAAAA;AAtBmB,GAuBV;AACT,QAAM;AAAEC,IAAAA;AAAF,MAAwBhB,iBAA9B;;AACA,QAAMiB,MAAM,GAAIC,IAAD,IAAqB;AAChCf,IAAAA,SAAS,CAACjB,SAAS,CAACgC,IAAD,CAAV,CAAT;AACH,GAFD;;AAIA,MAAI,CAACxB,IAAD,IAAS,CAACsB,KAAd,EAAqB;AACjB,WAAO,IAAP;AACH;;AAED,QAAMG,KAAgB,GAAGH,KAAK,CAACI,MAAN,CAAa;AAAA,QAAC;AAAEC,MAAAA;AAAF,KAAD;AAAA,WAAcA,IAAI,KAAKhC,SAAvB;AAAA,GAAb,CAAzB;AACA,SACI,oBAAC,KAAD;AACI,IAAA,MAAM,EAAEM,MADZ;AAEI,IAAA,cAAc,EAAE,MAAMC,aAF1B;AAGI,IAAA,eAAe,YAAKJ,WAAL,sBAHnB;AAII,IAAA,SAAS,EAAEF,8BAJf;AAKI,IAAA,gBAAgB,EAAEC,mBALtB;AAMI,IAAA,YAAY,EAAEwB,IAAI,CAACO,aAAL,CAAmBnC,QAAQ,CAACoC,OAA5B,CANlB;AAOI,IAAA,cAAc,EAAErB,QAPpB;AAQI,IAAA,UAAU,EAAEL;AARhB,KAUI,oBAAC,cAAD,eACQe,mBADR;AAEI,IAAA,MAAM,EAAElB,IAAI,CAAC8B,EAFjB;AAGI,IAAA,OAAO,EAAEnB,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,UAAU,EAAEC,UALhB;AAMI,IAAA,UAAU,EAAEC,UANhB;AAOI,IAAA,qBAAqB,EAAEC,qBAP3B;AAQI,IAAA,KAAK,EAAEV,KARX;AASI,IAAA,KAAK,EAAED,KATX;AAUI,IAAA,SAAS,MAVb;AAWI,IAAA,SAAS,MAXb;AAYI,IAAA,UAAU,EAAEqB,KAZhB;AAaI,IAAA,MAAM,EAAEF,MAbZ;AAcI,IAAA,OAAO,EAAEf,QAdb;AAeI,IAAA,UAAU,EAAEE,UAfhB;AAgBI,IAAA,WAAW,EAAEH,WAhBjB;AAiBI,IAAA,UAAU,EAAES,UAjBhB;AAkBI,IAAA,kBAAkB,EAAEC,kBAlBxB;AAmBI,IAAA,kBAAkB,EAAEE,kBAnBxB;AAoBI,IAAA,mBAAmB,EAAEC;AApBzB,KAVJ,CADJ;AAmCH,CArED;;AAuEA,eAAe7B,UAAU,CAACQ,aAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Preview Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport cloneDeep from 'lodash/cloneDeep';\nimport messages from '../common/messages';\nimport ContentPreview from '../content-preview';\nimport { TYPE_FILE, CLASS_MODAL_CONTENT_FULL_BLEED, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../constants';\nimport type { Token, BoxItem, Collection } from '../../common/types/core';\nimport type APICache from '../../utils/Cache';\n\ntype Props = {\n    apiHost: string,\n    appElement: HTMLElement,\n    appHost: string,\n    cache: APICache,\n    canDownload: boolean,\n    contentPreviewProps: ContentPreviewProps,\n    currentCollection: Collection,\n    isOpen: boolean,\n    isTouch: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onDownload: Function,\n    onPreview: Function,\n    parentElement: HTMLElement,\n    previewLibraryVersion: string,\n    requestInterceptor?: Function,\n    responseInterceptor?: Function,\n    sharedLink?: string,\n    sharedLinkPassword?: string,\n    staticHost: string,\n    staticPath: string,\n    token: Token,\n} & InjectIntlProvidedProps;\n\nconst PreviewDialog = ({\n    item,\n    isOpen,\n    parentElement,\n    appElement,\n    token,\n    cache,\n    currentCollection,\n    canDownload,\n    onCancel,\n    onPreview,\n    onDownload,\n    apiHost,\n    appHost,\n    staticHost,\n    staticPath,\n    previewLibraryVersion,\n    sharedLink,\n    sharedLinkPassword,\n    contentPreviewProps,\n    requestInterceptor,\n    responseInterceptor,\n    intl,\n}: Props) => {\n    const { items }: Collection = currentCollection;\n    const onLoad = (data: any): void => {\n        onPreview(cloneDeep(data));\n    };\n\n    if (!item || !items) {\n        return null;\n    }\n\n    const files: BoxItem[] = items.filter(({ type }) => type === TYPE_FILE);\n    return (\n        <Modal\n            isOpen={isOpen}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-preview`}\n            className={CLASS_MODAL_CONTENT_FULL_BLEED}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            contentLabel={intl.formatMessage(messages.preview)}\n            onRequestClose={onCancel}\n            appElement={appElement}\n        >\n            <ContentPreview\n                {...contentPreviewProps}\n                fileId={item.id}\n                apiHost={apiHost}\n                appHost={appHost}\n                staticHost={staticHost}\n                staticPath={staticPath}\n                previewLibraryVersion={previewLibraryVersion}\n                cache={cache}\n                token={token}\n                hasHeader\n                autoFocus\n                collection={files}\n                onLoad={onLoad}\n                onClose={onCancel}\n                onDownload={onDownload}\n                canDownload={canDownload}\n                sharedLink={sharedLink}\n                sharedLinkPassword={sharedLinkPassword}\n                requestInterceptor={requestInterceptor}\n                responseInterceptor={responseInterceptor}\n            />\n        </Modal>\n    );\n};\n\nexport default injectIntl(PreviewDialog);\n"],"file":"PreviewDialog.js"}
+{"version":3,"sources":["../../../src/elements/content-explorer/PreviewDialog.js"],"names":["React","Modal","injectIntl","cloneDeep","messages","ContentPreview","TYPE_FILE","CLASS_MODAL_CONTENT_FULL_BLEED","CLASS_MODAL_OVERLAY","CLASS_MODAL","PreviewDialog","item","isOpen","parentElement","appElement","token","cache","currentCollection","canDownload","onCancel","onPreview","onDownload","apiHost","appHost","staticHost","staticPath","previewLibraryVersion","sharedLink","sharedLinkPassword","contentPreviewProps","requestInterceptor","responseInterceptor","intl","items","onLoad","data","files","filter","type","formatMessage","preview","id"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,SAASC,SAAT,EAAoBC,8BAApB,EAAoDC,mBAApD,EAAyEC,WAAzE,QAA4F,iBAA5F;;AA8BA,MAAMC,aAAa,GAAG,UAuBT;AAAA,MAvBU;AACnBC,IAAAA,IADmB;AAEnBC,IAAAA,MAFmB;AAGnBC,IAAAA,aAHmB;AAInBC,IAAAA,UAJmB;AAKnBC,IAAAA,KALmB;AAMnBC,IAAAA,KANmB;AAOnBC,IAAAA,iBAPmB;AAQnBC,IAAAA,WARmB;AASnBC,IAAAA,QATmB;AAUnBC,IAAAA,SAVmB;AAWnBC,IAAAA,UAXmB;AAYnBC,IAAAA,OAZmB;AAanBC,IAAAA,OAbmB;AAcnBC,IAAAA,UAdmB;AAenBC,IAAAA,UAfmB;AAgBnBC,IAAAA,qBAhBmB;AAiBnBC,IAAAA,UAjBmB;AAkBnBC,IAAAA,kBAlBmB;AAmBnBC,IAAAA,mBAnBmB;AAoBnBC,IAAAA,kBApBmB;AAqBnBC,IAAAA,mBArBmB;AAsBnBC,IAAAA;AAtBmB,GAuBV;AACT,QAAM;AAAEC,IAAAA;AAAF,MAAwBhB,iBAA9B;;AACA,QAAMiB,MAAM,GAAIC,IAAD,IAAqB;AAChCf,IAAAA,SAAS,CAACjB,SAAS,CAACgC,IAAD,CAAV,CAAT;AACH,GAFD;;AAIA,MAAI,CAACxB,IAAD,IAAS,CAACsB,KAAd,EAAqB;AACjB,WAAO,IAAP;AACH;;AAED,QAAMG,KAAgB,GAAGH,KAAK,CAACI,MAAN,CAAa;AAAA,QAAC;AAAEC,MAAAA;AAAF,KAAD;AAAA,WAAcA,IAAI,KAAKhC,SAAvB;AAAA,GAAb,CAAzB;AACA,SACI,oBAAC,KAAD;AACI,IAAA,MAAM,EAAEM,MADZ;AAEI,IAAA,cAAc,EAAE,MAAMC,aAF1B;AAGI,IAAA,eAAe,YAAKJ,WAAL,sBAHnB;AAII,IAAA,SAAS,EAAEF,8BAJf;AAKI,IAAA,gBAAgB,EAAEC,mBALtB;AAMI,IAAA,YAAY,EAAEwB,IAAI,CAACO,aAAL,CAAmBnC,QAAQ,CAACoC,OAA5B,CANlB;AAOI,IAAA,cAAc,EAAErB,QAPpB;AAQI,IAAA,UAAU,EAAEL;AARhB,KAUI,oBAAC,cAAD,eACQe,mBADR;AAEI,IAAA,MAAM,EAAElB,IAAI,CAAC8B,EAFjB;AAGI,IAAA,OAAO,EAAEnB,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,UAAU,EAAEC,UALhB;AAMI,IAAA,UAAU,EAAEC,UANhB;AAOI,IAAA,qBAAqB,EAAEC,qBAP3B;AAQI,IAAA,KAAK,EAAEV,KARX;AASI,IAAA,KAAK,EAAED,KATX;AAUI,IAAA,SAAS,MAVb;AAWI,IAAA,SAAS,MAXb;AAYI,IAAA,UAAU,EAAEqB,KAZhB;AAaI,IAAA,MAAM,EAAEF,MAbZ;AAcI,IAAA,OAAO,EAAEf,QAdb;AAeI,IAAA,UAAU,EAAEE,UAfhB;AAgBI,IAAA,WAAW,EAAEH,WAhBjB;AAiBI,IAAA,UAAU,EAAES,UAjBhB;AAkBI,IAAA,kBAAkB,EAAEC,kBAlBxB;AAmBI,IAAA,kBAAkB,EAAEE,kBAnBxB;AAoBI,IAAA,mBAAmB,EAAEC;AApBzB,KAVJ,CADJ;AAmCH,CArED;;AAuEA,eAAe7B,UAAU,CAACQ,aAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Preview Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport cloneDeep from 'lodash/cloneDeep';\nimport messages from '../common/messages';\nimport ContentPreview from '../content-preview';\nimport { TYPE_FILE, CLASS_MODAL_CONTENT_FULL_BLEED, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../constants';\nimport type { Token, BoxItem, Collection } from '../../common/types/core';\nimport type APICache from '../../utils/Cache';\n\ntype Props = {\n    apiHost: string,\n    appElement: HTMLElement,\n    appHost: string,\n    cache: APICache,\n    canDownload: boolean,\n    contentPreviewProps: ContentPreviewProps,\n    currentCollection: Collection,\n    intl: IntlShape,\n    isOpen: boolean,\n    isTouch: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onDownload: Function,\n    onPreview: Function,\n    parentElement: HTMLElement,\n    previewLibraryVersion: string,\n    requestInterceptor?: Function,\n    responseInterceptor?: Function,\n    sharedLink?: string,\n    sharedLinkPassword?: string,\n    staticHost: string,\n    staticPath: string,\n    token: Token,\n};\n\nconst PreviewDialog = ({\n    item,\n    isOpen,\n    parentElement,\n    appElement,\n    token,\n    cache,\n    currentCollection,\n    canDownload,\n    onCancel,\n    onPreview,\n    onDownload,\n    apiHost,\n    appHost,\n    staticHost,\n    staticPath,\n    previewLibraryVersion,\n    sharedLink,\n    sharedLinkPassword,\n    contentPreviewProps,\n    requestInterceptor,\n    responseInterceptor,\n    intl,\n}: Props) => {\n    const { items }: Collection = currentCollection;\n    const onLoad = (data: any): void => {\n        onPreview(cloneDeep(data));\n    };\n\n    if (!item || !items) {\n        return null;\n    }\n\n    const files: BoxItem[] = items.filter(({ type }) => type === TYPE_FILE);\n    return (\n        <Modal\n            isOpen={isOpen}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-preview`}\n            className={CLASS_MODAL_CONTENT_FULL_BLEED}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            contentLabel={intl.formatMessage(messages.preview)}\n            onRequestClose={onCancel}\n            appElement={appElement}\n        >\n            <ContentPreview\n                {...contentPreviewProps}\n                fileId={item.id}\n                apiHost={apiHost}\n                appHost={appHost}\n                staticHost={staticHost}\n                staticPath={staticPath}\n                previewLibraryVersion={previewLibraryVersion}\n                cache={cache}\n                token={token}\n                hasHeader\n                autoFocus\n                collection={files}\n                onLoad={onLoad}\n                onClose={onCancel}\n                onDownload={onDownload}\n                canDownload={canDownload}\n                sharedLink={sharedLink}\n                sharedLinkPassword={sharedLinkPassword}\n                requestInterceptor={requestInterceptor}\n                responseInterceptor={responseInterceptor}\n            />\n        </Modal>\n    );\n};\n\nexport default injectIntl(PreviewDialog);\n"],"file":"PreviewDialog.js"}

package/es/elements/content-explorer/RenameDialog.js.flow

@@ -7,7 +7,7 @@
 import React from 'react';
 import Modal from 'react-modal';
 import { injectIntl, FormattedMessage } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import PrimaryButton from '../../components/primary-button/PrimaryButton';
 import Button from '../../components/button/Button';
 import messages from '../common/messages';
@@ -23,13 +23,14 @@ import type { BoxItem } from '../../common/types/core';
 type Props = {
     appElement: HTMLElement,
     errorCode: string,
+    intl: IntlShape,
     isLoading: boolean,
     isOpen: boolean,
     item: BoxItem,
     onCancel: Function,
     onRename: Function,
     parentElement: HTMLElement,
-} & InjectIntlProvidedProps;
+};
 
 /* eslint-disable jsx-a11y/label-has-for */
 const RenameDialog = ({

package/es/elements/content-explorer/RenameDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-explorer/RenameDialog.js"],"names":["React","Modal","injectIntl","FormattedMessage","PrimaryButton","Button","messages","CLASS_MODAL_CONTENT","CLASS_MODAL_OVERLAY","CLASS_MODAL","ERROR_CODE_ITEM_NAME_TOO_LONG","ERROR_CODE_ITEM_NAME_IN_USE","RenameDialog","isOpen","onRename","onCancel","item","isLoading","errorCode","parentElement","appElement","intl","textInput","error","name","extension","ext","nameWithoutExt","replace","rename","value","ref","input","HTMLInputElement","focus","select","onKeyDown","key","renameDialogErrorInUse","renameDialogErrorTooLong","renameDialogErrorInvalid","formatMessage","renameDialogLabel","renameDialogText","cancel"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Content Explorer Rename Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport PrimaryButton from '../../components/primary-button/PrimaryButton';\nimport Button from '../../components/button/Button';\nimport messages from '../common/messages';\nimport {\n    CLASS_MODAL_CONTENT,\n    CLASS_MODAL_OVERLAY,\n    CLASS_MODAL,\n    ERROR_CODE_ITEM_NAME_TOO_LONG,\n    ERROR_CODE_ITEM_NAME_IN_USE,\n} from '../../constants';\nimport type { BoxItem } from '../../common/types/core';\n\ntype Props = {\n    appElement: HTMLElement,\n    errorCode: string,\n    isLoading: boolean,\n    isOpen: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onRename: Function,\n    parentElement: HTMLElement,\n} & InjectIntlProvidedProps;\n\n/* eslint-disable jsx-a11y/label-has-for */\nconst RenameDialog = ({\n    isOpen,\n    onRename,\n    onCancel,\n    item,\n    isLoading,\n    errorCode,\n    parentElement,\n    appElement,\n    intl,\n}: Props) => {\n    let textInput = null;\n    let error;\n\n    const { name = '', extension } = item;\n    const ext = extension ? `.${extension}` : '';\n    const nameWithoutExt = extension ? name.replace(ext, '') : name;\n\n    /**\n     * Appends the extension and calls rename function\n     */\n    const rename = () => {\n        if (textInput && textInput.value) {\n            if (textInput.value === nameWithoutExt) {\n                onCancel();\n            } else {\n                onRename(textInput.value, ext);\n            }\n        }\n    };\n\n    /**\n     * Grabs reference to the input element\n     */\n    const ref = input => {\n        textInput = input;\n        if (textInput instanceof HTMLInputElement) {\n            textInput.focus();\n            textInput.select();\n        }\n    };\n\n    /**\n     * Handles enter key down\n     */\n    const onKeyDown = ({ key }) => {\n        switch (key) {\n            case 'Enter':\n                rename();\n                break;\n            default:\n                break;\n        }\n    };\n\n    switch (errorCode) {\n        case ERROR_CODE_ITEM_NAME_IN_USE:\n            error = messages.renameDialogErrorInUse;\n            break;\n        case ERROR_CODE_ITEM_NAME_TOO_LONG:\n            error = messages.renameDialogErrorTooLong;\n            break;\n        default:\n            error = errorCode ? messages.renameDialogErrorInvalid : null;\n            break;\n    }\n\n    return (\n        <Modal\n            appElement={appElement}\n            className={CLASS_MODAL_CONTENT}\n            contentLabel={intl.formatMessage(messages.renameDialogLabel)}\n            isOpen={isOpen}\n            onRequestClose={onCancel}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-rename`}\n        >\n            <label>\n                {error ? (\n                    <div className=\"be-modal-error\">\n                        <FormattedMessage {...error} values={{ name: nameWithoutExt }} />\n                    </div>\n                ) : null}\n                <FormattedMessage tagName=\"div\" {...messages.renameDialogText} values={{ name: nameWithoutExt }} />\n                <input ref={ref} defaultValue={nameWithoutExt} onKeyDown={onKeyDown} required type=\"text\" />\n            </label>\n            <div className=\"be-modal-btns\">\n                <PrimaryButton isLoading={isLoading} onClick={rename} type=\"button\">\n                    <FormattedMessage {...messages.rename} />\n                </PrimaryButton>\n                <Button isDisabled={isLoading} onClick={onCancel} type=\"button\">\n                    <FormattedMessage {...messages.cancel} />\n                </Button>\n            </div>\n        </Modal>\n    );\n};\n\nexport default injectIntl(RenameDialog);\n"],"file":"RenameDialog.js"}
+{"version":3,"sources":["../../../src/elements/content-explorer/RenameDialog.js"],"names":["React","Modal","injectIntl","FormattedMessage","PrimaryButton","Button","messages","CLASS_MODAL_CONTENT","CLASS_MODAL_OVERLAY","CLASS_MODAL","ERROR_CODE_ITEM_NAME_TOO_LONG","ERROR_CODE_ITEM_NAME_IN_USE","RenameDialog","isOpen","onRename","onCancel","item","isLoading","errorCode","parentElement","appElement","intl","textInput","error","name","extension","ext","nameWithoutExt","replace","rename","value","ref","input","HTMLInputElement","focus","select","onKeyDown","key","renameDialogErrorInUse","renameDialogErrorTooLong","renameDialogErrorInvalid","formatMessage","renameDialogLabel","renameDialogText","cancel"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Content Explorer Rename Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport PrimaryButton from '../../components/primary-button/PrimaryButton';\nimport Button from '../../components/button/Button';\nimport messages from '../common/messages';\nimport {\n    CLASS_MODAL_CONTENT,\n    CLASS_MODAL_OVERLAY,\n    CLASS_MODAL,\n    ERROR_CODE_ITEM_NAME_TOO_LONG,\n    ERROR_CODE_ITEM_NAME_IN_USE,\n} from '../../constants';\nimport type { BoxItem } from '../../common/types/core';\n\ntype Props = {\n    appElement: HTMLElement,\n    errorCode: string,\n    intl: IntlShape,\n    isLoading: boolean,\n    isOpen: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onRename: Function,\n    parentElement: HTMLElement,\n};\n\n/* eslint-disable jsx-a11y/label-has-for */\nconst RenameDialog = ({\n    isOpen,\n    onRename,\n    onCancel,\n    item,\n    isLoading,\n    errorCode,\n    parentElement,\n    appElement,\n    intl,\n}: Props) => {\n    let textInput = null;\n    let error;\n\n    const { name = '', extension } = item;\n    const ext = extension ? `.${extension}` : '';\n    const nameWithoutExt = extension ? name.replace(ext, '') : name;\n\n    /**\n     * Appends the extension and calls rename function\n     */\n    const rename = () => {\n        if (textInput && textInput.value) {\n            if (textInput.value === nameWithoutExt) {\n                onCancel();\n            } else {\n                onRename(textInput.value, ext);\n            }\n        }\n    };\n\n    /**\n     * Grabs reference to the input element\n     */\n    const ref = input => {\n        textInput = input;\n        if (textInput instanceof HTMLInputElement) {\n            textInput.focus();\n            textInput.select();\n        }\n    };\n\n    /**\n     * Handles enter key down\n     */\n    const onKeyDown = ({ key }) => {\n        switch (key) {\n            case 'Enter':\n                rename();\n                break;\n            default:\n                break;\n        }\n    };\n\n    switch (errorCode) {\n        case ERROR_CODE_ITEM_NAME_IN_USE:\n            error = messages.renameDialogErrorInUse;\n            break;\n        case ERROR_CODE_ITEM_NAME_TOO_LONG:\n            error = messages.renameDialogErrorTooLong;\n            break;\n        default:\n            error = errorCode ? messages.renameDialogErrorInvalid : null;\n            break;\n    }\n\n    return (\n        <Modal\n            appElement={appElement}\n            className={CLASS_MODAL_CONTENT}\n            contentLabel={intl.formatMessage(messages.renameDialogLabel)}\n            isOpen={isOpen}\n            onRequestClose={onCancel}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-rename`}\n        >\n            <label>\n                {error ? (\n                    <div className=\"be-modal-error\">\n                        <FormattedMessage {...error} values={{ name: nameWithoutExt }} />\n                    </div>\n                ) : null}\n                <FormattedMessage tagName=\"div\" {...messages.renameDialogText} values={{ name: nameWithoutExt }} />\n                <input ref={ref} defaultValue={nameWithoutExt} onKeyDown={onKeyDown} required type=\"text\" />\n            </label>\n            <div className=\"be-modal-btns\">\n                <PrimaryButton isLoading={isLoading} onClick={rename} type=\"button\">\n                    <FormattedMessage {...messages.rename} />\n                </PrimaryButton>\n                <Button isDisabled={isLoading} onClick={onCancel} type=\"button\">\n                    <FormattedMessage {...messages.cancel} />\n                </Button>\n            </div>\n        </Modal>\n    );\n};\n\nexport default injectIntl(RenameDialog);\n"],"file":"RenameDialog.js"}

package/es/elements/content-explorer/ShareDialog.js.flow

@@ -8,7 +8,7 @@ import React from 'react';
 import Modal from 'react-modal';
 import noop from 'lodash/noop';
 import { injectIntl, FormattedMessage } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import PrimaryButton from '../../components/primary-button/PrimaryButton';
 import Button from '../../components/button/Button';
 import messages from '../common/messages';
@@ -21,13 +21,14 @@ import './ShareDialog.scss';
 type Props = {
     appElement: HTMLElement,
     canSetShareAccess: boolean,
+    intl: IntlShape,
     isLoading: boolean,
     isOpen: boolean,
     item: BoxItem,
     onCancel: Function,
     onShareAccessChange: Function,
     parentElement: HTMLElement,
-} & InjectIntlProvidedProps;
+};
 
 const ShareDialog = ({
     isOpen,

package/es/elements/content-explorer/ShareDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-explorer/ShareDialog.js"],"names":["React","Modal","noop","injectIntl","FormattedMessage","PrimaryButton","Button","messages","ShareAccessSelect","CLASS_MODAL_CONTENT","CLASS_MODAL_OVERLAY","CLASS_MODAL","ShareDialog","isOpen","canSetShareAccess","onShareAccessChange","onCancel","item","isLoading","parentElement","appElement","intl","textInput","copy","HTMLInputElement","select","document","execCommand","shared_link","sharedLink","url","formatMessage","shareDialogNone","shareDialogLabel","shareDialogText","input","close"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Content Explorer Share Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport noop from 'lodash/noop';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport PrimaryButton from '../../components/primary-button/PrimaryButton';\nimport Button from '../../components/button/Button';\nimport messages from '../common/messages';\nimport ShareAccessSelect from '../common/share-access-select';\nimport { CLASS_MODAL_CONTENT, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../constants';\nimport type { BoxItem } from '../../common/types/core';\n\nimport './ShareDialog.scss';\n\ntype Props = {\n    appElement: HTMLElement,\n    canSetShareAccess: boolean,\n    isLoading: boolean,\n    isOpen: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onShareAccessChange: Function,\n    parentElement: HTMLElement,\n} & InjectIntlProvidedProps;\n\nconst ShareDialog = ({\n    isOpen,\n    canSetShareAccess,\n    onShareAccessChange,\n    onCancel,\n    item,\n    isLoading,\n    parentElement,\n    appElement,\n    intl,\n}: Props) => {\n    let textInput = null;\n\n    const copy = () => {\n        if (textInput instanceof HTMLInputElement) {\n            textInput.select();\n            document.execCommand('copy');\n        }\n    };\n\n    const { shared_link: sharedLink }: BoxItem = item;\n    const { url } = sharedLink || {\n        url: intl.formatMessage(messages.shareDialogNone),\n    };\n\n    /* eslint-disable jsx-a11y/label-has-for */\n    return (\n        <Modal\n            appElement={appElement}\n            className={CLASS_MODAL_CONTENT}\n            contentLabel={intl.formatMessage(messages.shareDialogLabel)}\n            isOpen={isOpen}\n            onRequestClose={onCancel}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-share`}\n        >\n            <div className=\"be-modal-content\">\n                <label>\n                    <FormattedMessage tagName=\"div\" {...messages.shareDialogText} />\n                </label>\n                <div className=\"be-modal-input-group\">\n                    <input\n                        ref={input => {\n                            textInput = input;\n                        }}\n                        onChange={noop}\n                        type=\"text\"\n                        value={url}\n                    />\n                    <PrimaryButton autoFocus className=\"be-modal-button-copy\" onClick={copy} type=\"button\">\n                        <FormattedMessage {...messages.copy} />\n                    </PrimaryButton>\n                </div>\n            </div>\n            <div className=\"be-modal-btns\">\n                <ShareAccessSelect\n                    canSetShareAccess={canSetShareAccess}\n                    className=\"bce-shared-access-select\"\n                    item={item}\n                    onChange={onShareAccessChange}\n                />\n                <Button isLoading={isLoading} onClick={onCancel} type=\"button\">\n                    <FormattedMessage {...messages.close} />\n                </Button>\n            </div>\n        </Modal>\n    );\n};\n\nexport default injectIntl(ShareDialog);\n"],"file":"ShareDialog.js"}
+{"version":3,"sources":["../../../src/elements/content-explorer/ShareDialog.js"],"names":["React","Modal","noop","injectIntl","FormattedMessage","PrimaryButton","Button","messages","ShareAccessSelect","CLASS_MODAL_CONTENT","CLASS_MODAL_OVERLAY","CLASS_MODAL","ShareDialog","isOpen","canSetShareAccess","onShareAccessChange","onCancel","item","isLoading","parentElement","appElement","intl","textInput","copy","HTMLInputElement","select","document","execCommand","shared_link","sharedLink","url","formatMessage","shareDialogNone","shareDialogLabel","shareDialogText","input","close"],"mappings":";;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,UAAT,EAAqBC,gBAArB,QAA6C,YAA7C;AAEA,OAAOC,aAAP,MAA0B,+CAA1B;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,iBAAP,MAA8B,+BAA9B;AACA,SAASC,mBAAT,EAA8BC,mBAA9B,EAAmDC,WAAnD,QAAsE,iBAAtE;AAGA,OAAO,oBAAP;;AAcA,MAAMC,WAAW,GAAG,UAUP;AAAA,MAVQ;AACjBC,IAAAA,MADiB;AAEjBC,IAAAA,iBAFiB;AAGjBC,IAAAA,mBAHiB;AAIjBC,IAAAA,QAJiB;AAKjBC,IAAAA,IALiB;AAMjBC,IAAAA,SANiB;AAOjBC,IAAAA,aAPiB;AAQjBC,IAAAA,UARiB;AASjBC,IAAAA;AATiB,GAUR;AACT,MAAIC,SAAS,GAAG,IAAhB;;AAEA,QAAMC,IAAI,GAAG,MAAM;AACf,QAAID,SAAS,YAAYE,gBAAzB,EAA2C;AACvCF,MAAAA,SAAS,CAACG,MAAV;AACAC,MAAAA,QAAQ,CAACC,WAAT,CAAqB,MAArB;AACH;AACJ,GALD;;AAOA,QAAM;AAAEC,IAAAA,WAAW,EAAEC;AAAf,MAAuCZ,IAA7C;AACA,QAAM;AAAEa,IAAAA;AAAF,MAAUD,UAAU,IAAI;AAC1BC,IAAAA,GAAG,EAAET,IAAI,CAACU,aAAL,CAAmBxB,QAAQ,CAACyB,eAA5B;AADqB,GAA9B;AAIA;;AACA,SACI,oBAAC,KAAD;AACI,IAAA,UAAU,EAAEZ,UADhB;AAEI,IAAA,SAAS,EAAEX,mBAFf;AAGI,IAAA,YAAY,EAAEY,IAAI,CAACU,aAAL,CAAmBxB,QAAQ,CAAC0B,gBAA5B,CAHlB;AAII,IAAA,MAAM,EAAEpB,MAJZ;AAKI,IAAA,cAAc,EAAEG,QALpB;AAMI,IAAA,gBAAgB,EAAEN,mBANtB;AAOI,IAAA,cAAc,EAAE,MAAMS,aAP1B;AAQI,IAAA,eAAe,YAAKR,WAAL;AARnB,KAUI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,mCACI,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAC;AAA1B,KAAoCJ,QAAQ,CAAC2B,eAA7C,EADJ,CADJ,EAII;AAAK,IAAA,SAAS,EAAC;AAAf,KACI;AACI,IAAA,GAAG,EAAEC,KAAK,IAAI;AACVb,MAAAA,SAAS,GAAGa,KAAZ;AACH,KAHL;AAII,IAAA,QAAQ,EAAEjC,IAJd;AAKI,IAAA,IAAI,EAAC,MALT;AAMI,IAAA,KAAK,EAAE4B;AANX,IADJ,EASI,oBAAC,aAAD;AAAe,IAAA,SAAS,MAAxB;AAAyB,IAAA,SAAS,EAAC,sBAAnC;AAA0D,IAAA,OAAO,EAAEP,IAAnE;AAAyE,IAAA,IAAI,EAAC;AAA9E,KACI,oBAAC,gBAAD,EAAsBhB,QAAQ,CAACgB,IAA/B,CADJ,CATJ,CAJJ,CAVJ,EA4BI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,iBAAD;AACI,IAAA,iBAAiB,EAAET,iBADvB;AAEI,IAAA,SAAS,EAAC,0BAFd;AAGI,IAAA,IAAI,EAAEG,IAHV;AAII,IAAA,QAAQ,EAAEF;AAJd,IADJ,EAOI,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAEG,SAAnB;AAA8B,IAAA,OAAO,EAAEF,QAAvC;AAAiD,IAAA,IAAI,EAAC;AAAtD,KACI,oBAAC,gBAAD,EAAsBT,QAAQ,CAAC6B,KAA/B,CADJ,CAPJ,CA5BJ,CADJ;AA0CH,CApED;;AAsEA,eAAejC,UAAU,CAACS,WAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Content Explorer Share Dialog\n * @author Box\n */\n\nimport React from 'react';\nimport Modal from 'react-modal';\nimport noop from 'lodash/noop';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport PrimaryButton from '../../components/primary-button/PrimaryButton';\nimport Button from '../../components/button/Button';\nimport messages from '../common/messages';\nimport ShareAccessSelect from '../common/share-access-select';\nimport { CLASS_MODAL_CONTENT, CLASS_MODAL_OVERLAY, CLASS_MODAL } from '../../constants';\nimport type { BoxItem } from '../../common/types/core';\n\nimport './ShareDialog.scss';\n\ntype Props = {\n    appElement: HTMLElement,\n    canSetShareAccess: boolean,\n    intl: IntlShape,\n    isLoading: boolean,\n    isOpen: boolean,\n    item: BoxItem,\n    onCancel: Function,\n    onShareAccessChange: Function,\n    parentElement: HTMLElement,\n};\n\nconst ShareDialog = ({\n    isOpen,\n    canSetShareAccess,\n    onShareAccessChange,\n    onCancel,\n    item,\n    isLoading,\n    parentElement,\n    appElement,\n    intl,\n}: Props) => {\n    let textInput = null;\n\n    const copy = () => {\n        if (textInput instanceof HTMLInputElement) {\n            textInput.select();\n            document.execCommand('copy');\n        }\n    };\n\n    const { shared_link: sharedLink }: BoxItem = item;\n    const { url } = sharedLink || {\n        url: intl.formatMessage(messages.shareDialogNone),\n    };\n\n    /* eslint-disable jsx-a11y/label-has-for */\n    return (\n        <Modal\n            appElement={appElement}\n            className={CLASS_MODAL_CONTENT}\n            contentLabel={intl.formatMessage(messages.shareDialogLabel)}\n            isOpen={isOpen}\n            onRequestClose={onCancel}\n            overlayClassName={CLASS_MODAL_OVERLAY}\n            parentSelector={() => parentElement}\n            portalClassName={`${CLASS_MODAL} be-modal-share`}\n        >\n            <div className=\"be-modal-content\">\n                <label>\n                    <FormattedMessage tagName=\"div\" {...messages.shareDialogText} />\n                </label>\n                <div className=\"be-modal-input-group\">\n                    <input\n                        ref={input => {\n                            textInput = input;\n                        }}\n                        onChange={noop}\n                        type=\"text\"\n                        value={url}\n                    />\n                    <PrimaryButton autoFocus className=\"be-modal-button-copy\" onClick={copy} type=\"button\">\n                        <FormattedMessage {...messages.copy} />\n                    </PrimaryButton>\n                </div>\n            </div>\n            <div className=\"be-modal-btns\">\n                <ShareAccessSelect\n                    canSetShareAccess={canSetShareAccess}\n                    className=\"bce-shared-access-select\"\n                    item={item}\n                    onChange={onShareAccessChange}\n                />\n                <Button isLoading={isLoading} onClick={onCancel} type=\"button\">\n                    <FormattedMessage {...messages.close} />\n                </Button>\n            </div>\n        </Modal>\n    );\n};\n\nexport default injectIntl(ShareDialog);\n"],"file":"ShareDialog.js"}

package/es/elements/content-preview/PreviewNavigation.js.flow

@@ -6,8 +6,8 @@
 
 import * as React from 'react';
 import { injectIntl } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import { Route } from 'react-router-dom';
-import type { InjectIntlProvidedProps } from 'react-intl';
 import IconNavigateLeft from '../../icons/general/IconNavigateLeft';
 import IconNavigateRight from '../../icons/general/IconNavigateRight';
 import PlainButton from '../../components/plain-button/PlainButton';
@@ -17,9 +17,10 @@ import type { BoxItem } from '../../common/types/core';
 type Props = {
     collection: Array<string | BoxItem>,
     currentIndex: number,
+    intl: IntlShape,
     onNavigateLeft: Function,
     onNavigateRight: Function,
-} & InjectIntlProvidedProps;
+};
 
 const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft, onNavigateRight }: Props) => {
     const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;

package/es/elements/content-preview/PreviewNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-preview/PreviewNavigation.js"],"names":["React","injectIntl","Route","IconNavigateLeft","IconNavigateRight","PlainButton","messages","PreviewNavigation","collection","currentIndex","intl","onNavigateLeft","onNavigateRight","hasLeftNavigation","length","hasRightNavigation","match","history","params","deeplink","push","activeTab","formatMessage","previousFile","nextFile","PreviewNavigationComponent"],"mappings":"AAAA;;;;;AAMA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAA2B,YAA3B;AACA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;AACA,OAAOC,iBAAP,MAA8B,uCAA9B;AACA,OAAOC,WAAP,MAAwB,2CAAxB;AACA,OAAOC,QAAP,MAAqB,oBAArB;;AAUA,MAAMC,iBAAiB,GAAG,UAAqF;AAAA,MAApF;AAAEC,IAAAA,UAAU,GAAG,EAAf;AAAmBC,IAAAA,YAAnB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,cAAvC;AAAuDC,IAAAA;AAAvD,GAAoF;AAC3G,QAAMC,iBAAiB,GAAGL,UAAU,CAACM,MAAX,GAAoB,CAApB,IAAyBL,YAAY,GAAG,CAAxC,IAA6CA,YAAY,GAAGD,UAAU,CAACM,MAAjG;AACA,QAAMC,kBAAkB,GAAGP,UAAU,CAACM,MAAX,GAAoB,CAApB,IAAyBL,YAAY,GAAG,CAAC,CAAzC,IAA8CA,YAAY,GAAGD,UAAU,CAACM,MAAX,GAAoB,CAA5G;;AAEA,MAAI,CAACD,iBAAD,IAAsB,CAACE,kBAA3B,EAA+C;AAC3C,WAAO,IAAP;AACH;;AAED,SACI,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAE,CAAC,uBAAD,EAA0B,GAA1B;AAAb,KACK;AAAA,QAAC;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAD;AAAA,WACG,0CACKJ,iBAAiB,IACd,oBAAC,WAAD;AACI,MAAA,SAAS,EAAC,oBADd;AAEI,MAAA,OAAO,EAAE,MAAM;AACX,YAAIG,KAAK,CAACE,MAAN,CAAaC,QAAjB,EAA2B;AACvBF,UAAAA,OAAO,CAACG,IAAR,YAAiBJ,KAAK,CAACE,MAAN,CAAaG,SAA9B;AACH;;AACDV,QAAAA,cAAc;AACjB,OAPL;AAQI,MAAA,KAAK,EAAED,IAAI,CAACY,aAAL,CAAmBhB,QAAQ,CAACiB,YAA5B,CARX;AASI,MAAA,IAAI,EAAC;AATT,OAWI,oBAAC,gBAAD,OAXJ,CAFR,EAgBKR,kBAAkB,IACf,oBAAC,WAAD;AACI,MAAA,SAAS,EAAC,qBADd;AAEI,MAAA,OAAO,EAAE,MAAM;AACX,YAAIC,KAAK,CAACE,MAAN,CAAaC,QAAjB,EAA2B;AACvBF,UAAAA,OAAO,CAACG,IAAR,YAAiBJ,KAAK,CAACE,MAAN,CAAaG,SAA9B;AACH;;AACDT,QAAAA,eAAe;AAClB,OAPL;AAQI,MAAA,KAAK,EAAEF,IAAI,CAACY,aAAL,CAAmBhB,QAAQ,CAACkB,QAA5B,CARX;AASI,MAAA,IAAI,EAAC;AATT,OAWI,oBAAC,iBAAD,OAXJ,CAjBR,CADH;AAAA,GADL,CADJ;AAsCH,CA9CD;;AAgDA,SAASjB,iBAAiB,IAAIkB,0BAA9B;AACA,eAAexB,UAAU,CAACM,iBAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Preview Navigation\n * @author Box\n */\n\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport { Route } from 'react-router-dom';\nimport type { InjectIntlProvidedProps } from 'react-intl';\nimport IconNavigateLeft from '../../icons/general/IconNavigateLeft';\nimport IconNavigateRight from '../../icons/general/IconNavigateRight';\nimport PlainButton from '../../components/plain-button/PlainButton';\nimport messages from '../common/messages';\nimport type { BoxItem } from '../../common/types/core';\n\ntype Props = {\n    collection: Array<string | BoxItem>,\n    currentIndex: number,\n    onNavigateLeft: Function,\n    onNavigateRight: Function,\n} & InjectIntlProvidedProps;\n\nconst PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft, onNavigateRight }: Props) => {\n    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;\n    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;\n\n    if (!hasLeftNavigation && !hasRightNavigation) {\n        return null;\n    }\n\n    return (\n        <Route path={['/:activeTab/:deeplink', '/']}>\n            {({ match, history }) => (\n                <>\n                    {hasLeftNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-left\"\n                            onClick={() => {\n                                if (match.params.deeplink) {\n                                    history.push(`/${match.params.activeTab}`);\n                                }\n                                onNavigateLeft();\n                            }}\n                            title={intl.formatMessage(messages.previousFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateLeft />\n                        </PlainButton>\n                    )}\n                    {hasRightNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-right\"\n                            onClick={() => {\n                                if (match.params.deeplink) {\n                                    history.push(`/${match.params.activeTab}`);\n                                }\n                                onNavigateRight();\n                            }}\n                            title={intl.formatMessage(messages.nextFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateRight />\n                        </PlainButton>\n                    )}\n                </>\n            )}\n        </Route>\n    );\n};\n\nexport { PreviewNavigation as PreviewNavigationComponent };\nexport default injectIntl(PreviewNavigation);\n"],"file":"PreviewNavigation.js"}
+{"version":3,"sources":["../../../src/elements/content-preview/PreviewNavigation.js"],"names":["React","injectIntl","Route","IconNavigateLeft","IconNavigateRight","PlainButton","messages","PreviewNavigation","collection","currentIndex","intl","onNavigateLeft","onNavigateRight","hasLeftNavigation","length","hasRightNavigation","match","history","params","deeplink","push","activeTab","formatMessage","previousFile","nextFile","PreviewNavigationComponent"],"mappings":"AAAA;;;;;AAMA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAA2B,YAA3B;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,OAAOC,gBAAP,MAA6B,sCAA7B;AACA,OAAOC,iBAAP,MAA8B,uCAA9B;AACA,OAAOC,WAAP,MAAwB,2CAAxB;AACA,OAAOC,QAAP,MAAqB,oBAArB;;AAWA,MAAMC,iBAAiB,GAAG,UAAqF;AAAA,MAApF;AAAEC,IAAAA,UAAU,GAAG,EAAf;AAAmBC,IAAAA,YAAnB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,cAAvC;AAAuDC,IAAAA;AAAvD,GAAoF;AAC3G,QAAMC,iBAAiB,GAAGL,UAAU,CAACM,MAAX,GAAoB,CAApB,IAAyBL,YAAY,GAAG,CAAxC,IAA6CA,YAAY,GAAGD,UAAU,CAACM,MAAjG;AACA,QAAMC,kBAAkB,GAAGP,UAAU,CAACM,MAAX,GAAoB,CAApB,IAAyBL,YAAY,GAAG,CAAC,CAAzC,IAA8CA,YAAY,GAAGD,UAAU,CAACM,MAAX,GAAoB,CAA5G;;AAEA,MAAI,CAACD,iBAAD,IAAsB,CAACE,kBAA3B,EAA+C;AAC3C,WAAO,IAAP;AACH;;AAED,SACI,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAE,CAAC,uBAAD,EAA0B,GAA1B;AAAb,KACK;AAAA,QAAC;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAD;AAAA,WACG,0CACKJ,iBAAiB,IACd,oBAAC,WAAD;AACI,MAAA,SAAS,EAAC,oBADd;AAEI,MAAA,OAAO,EAAE,MAAM;AACX,YAAIG,KAAK,CAACE,MAAN,CAAaC,QAAjB,EAA2B;AACvBF,UAAAA,OAAO,CAACG,IAAR,YAAiBJ,KAAK,CAACE,MAAN,CAAaG,SAA9B;AACH;;AACDV,QAAAA,cAAc;AACjB,OAPL;AAQI,MAAA,KAAK,EAAED,IAAI,CAACY,aAAL,CAAmBhB,QAAQ,CAACiB,YAA5B,CARX;AASI,MAAA,IAAI,EAAC;AATT,OAWI,oBAAC,gBAAD,OAXJ,CAFR,EAgBKR,kBAAkB,IACf,oBAAC,WAAD;AACI,MAAA,SAAS,EAAC,qBADd;AAEI,MAAA,OAAO,EAAE,MAAM;AACX,YAAIC,KAAK,CAACE,MAAN,CAAaC,QAAjB,EAA2B;AACvBF,UAAAA,OAAO,CAACG,IAAR,YAAiBJ,KAAK,CAACE,MAAN,CAAaG,SAA9B;AACH;;AACDT,QAAAA,eAAe;AAClB,OAPL;AAQI,MAAA,KAAK,EAAEF,IAAI,CAACY,aAAL,CAAmBhB,QAAQ,CAACkB,QAA5B,CARX;AASI,MAAA,IAAI,EAAC;AATT,OAWI,oBAAC,iBAAD,OAXJ,CAjBR,CADH;AAAA,GADL,CADJ;AAsCH,CA9CD;;AAgDA,SAASjB,iBAAiB,IAAIkB,0BAA9B;AACA,eAAexB,UAAU,CAACM,iBAAD,CAAzB","sourcesContent":["/**\n * @flow\n * @file Preview Navigation\n * @author Box\n */\n\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport { Route } from 'react-router-dom';\nimport IconNavigateLeft from '../../icons/general/IconNavigateLeft';\nimport IconNavigateRight from '../../icons/general/IconNavigateRight';\nimport PlainButton from '../../components/plain-button/PlainButton';\nimport messages from '../common/messages';\nimport type { BoxItem } from '../../common/types/core';\n\ntype Props = {\n    collection: Array<string | BoxItem>,\n    currentIndex: number,\n    intl: IntlShape,\n    onNavigateLeft: Function,\n    onNavigateRight: Function,\n};\n\nconst PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft, onNavigateRight }: Props) => {\n    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;\n    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;\n\n    if (!hasLeftNavigation && !hasRightNavigation) {\n        return null;\n    }\n\n    return (\n        <Route path={['/:activeTab/:deeplink', '/']}>\n            {({ match, history }) => (\n                <>\n                    {hasLeftNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-left\"\n                            onClick={() => {\n                                if (match.params.deeplink) {\n                                    history.push(`/${match.params.activeTab}`);\n                                }\n                                onNavigateLeft();\n                            }}\n                            title={intl.formatMessage(messages.previousFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateLeft />\n                        </PlainButton>\n                    )}\n                    {hasRightNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-right\"\n                            onClick={() => {\n                                if (match.params.deeplink) {\n                                    history.push(`/${match.params.activeTab}`);\n                                }\n                                onNavigateRight();\n                            }}\n                            title={intl.formatMessage(messages.nextFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateRight />\n                        </PlainButton>\n                    )}\n                </>\n            )}\n        </Route>\n    );\n};\n\nexport { PreviewNavigation as PreviewNavigationComponent };\nexport default injectIntl(PreviewNavigation);\n"],"file":"PreviewNavigation.js"}

package/es/elements/content-preview/preview-header/PreviewHeader.js.flow

@@ -6,7 +6,7 @@
 
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import type { InjectIntlProvidedProps } from 'react-intl';
+import type { IntlShape } from 'react-intl';
 import classNames from 'classnames';
 import getProp from 'lodash/get';
 import AsyncLoad from '../../common/async-load';
@@ -33,13 +33,14 @@ type Props = {
     contentAnswersProps?: ContentAnswersProps,
     contentOpenWithProps?: ContentOpenWithProps,
     file?: BoxItem,
+    intl: IntlShape,
     logoUrl?: string,
     onClose?: Function,
     onDownload: Function,
     onPrint: Function,
     selectedVersion: ?BoxItemVersion,
     token: ?string,
-} & InjectIntlProvidedProps;
+};
 
 const LoadableContentOpenWith = AsyncLoad({
     loader: () => import(/* webpackMode: "lazy", webpackChunkName: "content-open-with" */ '../../content-open-with'),