box-ui-elements 16.0.0-beta.8 → 16.0.0

package/es/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js.flow

@@ -2,12 +2,14 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import classNames from 'classnames';
 
-import { ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';
+import { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';
 import ContentExplorerModal from '../content-explorer-modal';
 import NewFolderModal from '../new-folder-modal';
 
 class ContentExplorerModalContainer extends Component {
     static propTypes = {
+        /** Breadcrumb component options */
+        breadcrumbProps: BreadcrumbPropType,
         /** Adds class name. */
         className: PropTypes.string,
         /** Any extra items in the header to the right of the search input (and new folder button) */
@@ -161,6 +163,7 @@ class ContentExplorerModalContainer extends Component {
 
     render() {
         const {
+            breadcrumbProps,
             className,
             headerActionsAccessory,
             modalTitle,
@@ -199,6 +202,7 @@ class ContentExplorerModalContainer extends Component {
         return (
             <div className={classNames('content-explorer-modal-container', className)}>
                 <ContentExplorerModal
+                    breadcrumbProps={breadcrumbProps}
                     className={isNewFolderModalOpen ? 'hidden' : ''}
                     headerActionsAccessory={headerActionsAccessory}
                     title={modalTitle}

package/es/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js"],"names":["PropTypes","React","Component","classNames","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModal","NewFolderModal","ContentExplorerModalContainer","props","enteredFolder","newFoldersPath","onEnterFolder","setState","foldersPath","onNewFolderModalShown","isNewFolderModalOpen","onNewFolderModalClosed","state","initialFoldersPath","prevInitialFoldersPath","className","headerActionsAccessory","modalTitle","modalDescription","onRequestClose","onCreateFolderSubmit","onCreateFolderInput","isCreatingFolder","createFolderError","contentExplorerMode","onChooseItems","onMoveItem","onCopyItem","isCreateNewFolderAllowed","onSearchSubmit","onExitSearch","onSelectedClick","onSelectItem","items","numItemsPerPage","numTotalItems","onLoadMoreItems","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","showCreateNewFolderButton","searchInputProps","chooseButtonText","initialSelectedItems","isSelectAllAllowed","currentFolder","length","handleEnterFolder","handleCreateNewFolderButtonClick","name","handleNewFolderModalClose","string","node","func","isRequired","bool","object","number"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\n\nimport { ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';\nimport ContentExplorerModal from '../content-explorer-modal';\nimport NewFolderModal from '../new-folder-modal';\n\nclass ContentExplorerModalContainer extends Component {\n    static propTypes = {\n        /** Adds class name. */\n        className: PropTypes.string,\n        /** Any extra items in the header to the right of the search input (and new folder button) */\n        headerActionsAccessory: PropTypes.node,\n        /** Title shown in the ContentExplorerModal. */\n        modalTitle: PropTypes.string,\n        /** Description text shown in the ContentExplorerModal. */\n        modalDescription: PropTypes.string,\n        /** Called when the ContentExplorerModal is closed. */\n        onRequestClose: PropTypes.func.isRequired,\n        /**\n         * Called when the folder creation is submitted.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderSubmit: PropTypes.func,\n        /**\n         * Called with the latest folder name input.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderInput: PropTypes.func,\n        /** Called when the NewFolderModal is shown. */\n        onNewFolderModalShown: PropTypes.func,\n        /** Called when the NewFolderModal is closed. */\n        onNewFolderModalClosed: PropTypes.func,\n        /** Called when selected button is clicked */\n        onSelectedClick: PropTypes.func,\n        /**\n         * Called when an item is selected\n         *\n         * @param {Object} selectedItem\n         * @param {number} selectedItemIndex\n         */\n        onSelectItem: PropTypes.func,\n        /** Folder is in the process of being created. */\n        isCreatingFolder: PropTypes.bool,\n        /** Whether the user can see select all checkbox */\n        isSelectAllAllowed: PropTypes.bool,\n        /** Message that will be shown when there was an error creating the folder. */\n        createFolderError: PropTypes.string,\n        /** Configures the content explorer based on the user's intended action (ex. select file or move/copy) */\n        contentExplorerMode: ContentExplorerModePropType.isRequired,\n        /** Initial path of folders. The last folder in the array is the current folder. */\n        initialFoldersPath: FoldersPathPropType.isRequired,\n        /** Initial items that will show up as selected */\n        initialSelectedItems: PropTypes.object,\n        /**\n         * Called when the current folder changes\n         *\n         * @param {Object} enteredFolder\n         * @param {Array} newFoldersPath\n         */\n        onEnterFolder: PropTypes.func.isRequired,\n        /**\n         * Called when items are chosen.\n         *\n         * @param {Object[]} chosenItems In non-multi select mode, the chosenItems will be a 1 element array contain the one chosen item\n         */\n        onChooseItems: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for moving an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onMoveItem: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for copying an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onCopyItem: PropTypes.func,\n        /** Whether the user has permission to create a new folder */\n        isCreateNewFolderAllowed: PropTypes.bool,\n        /**\n         * Called when a search query is submitted.\n         *\n         * @param {string} searchQuery\n         */\n        onSearchSubmit: PropTypes.func.isRequired,\n        /**\n         * Called when search mode is exited. An updated items list should now be passed in to display the user's file tree.\n         *\n         * @param {Object} folderBeforeSearch the previous folder object before entering search mode\n         */\n        onExitSearch: PropTypes.func.isRequired,\n        /** List of items to display */\n        items: ItemsPropType.isRequired,\n        /** Number of items to load per page as the user scrolls */\n        numItemsPerPage: PropTypes.number,\n        /** Total number of items across all pages */\n        numTotalItems: PropTypes.number,\n        /** Called to load more items */\n        onLoadMoreItems: PropTypes.func,\n        /** Used to render item icons in the list. Overrides the default icons. */\n        itemIconRenderer: PropTypes.func,\n        /** Used to render item name links in the list. Overrides the default links. */\n        itemNameLinkRenderer: PropTypes.func,\n        /** Used to render item buttons in the list. Overrides the default buttons. */\n        itemButtonRenderer: PropTypes.func,\n        /** Whether the new folder button should be shown */\n        showCreateNewFolderButton: PropTypes.bool,\n        /** Props for the search input */\n        searchInputProps: PropTypes.object,\n        /** Custom text for the choose button */\n        chooseButtonText: PropTypes.node,\n    };\n\n    static defaultProps = {\n        onCreateFolderSubmit: () => {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            foldersPath: props.initialFoldersPath,\n            isNewFolderModalOpen: false,\n        };\n    }\n\n    componentDidUpdate({ initialFoldersPath: prevInitialFoldersPath }) {\n        const { initialFoldersPath } = this.props;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            // Close the new folder modal when the folders path has changed\n            this.setState({\n                foldersPath: initialFoldersPath,\n                isNewFolderModalOpen: false,\n            });\n        }\n    }\n\n    handleEnterFolder = (enteredFolder, newFoldersPath) => {\n        const { onEnterFolder } = this.props;\n\n        this.setState({ foldersPath: newFoldersPath });\n        onEnterFolder(enteredFolder, newFoldersPath);\n    };\n\n    handleCreateNewFolderButtonClick = () => {\n        const { onNewFolderModalShown } = this.props;\n\n        this.setState({ isNewFolderModalOpen: true }, () => onNewFolderModalShown && onNewFolderModalShown());\n    };\n\n    handleNewFolderModalClose = () => {\n        const { onNewFolderModalClosed } = this.props;\n\n        this.setState({ isNewFolderModalOpen: false }, () => onNewFolderModalClosed && onNewFolderModalClosed());\n    };\n\n    render() {\n        const {\n            className,\n            headerActionsAccessory,\n            modalTitle,\n            modalDescription,\n            onRequestClose,\n            onCreateFolderSubmit,\n            onCreateFolderInput,\n            isCreatingFolder,\n            createFolderError,\n            contentExplorerMode,\n            initialFoldersPath,\n            onChooseItems,\n            onMoveItem,\n            onCopyItem,\n            isCreateNewFolderAllowed,\n            onSearchSubmit,\n            onExitSearch,\n            onSelectedClick,\n            onSelectItem,\n            items,\n            numItemsPerPage,\n            numTotalItems,\n            onLoadMoreItems,\n            itemIconRenderer,\n            itemNameLinkRenderer,\n            itemButtonRenderer,\n            showCreateNewFolderButton,\n            searchInputProps,\n            chooseButtonText,\n            initialSelectedItems,\n            isSelectAllAllowed,\n        } = this.props;\n        const { foldersPath, isNewFolderModalOpen } = this.state;\n        const currentFolder = foldersPath[foldersPath.length - 1];\n\n        return (\n            <div className={classNames('content-explorer-modal-container', className)}>\n                <ContentExplorerModal\n                    className={isNewFolderModalOpen ? 'hidden' : ''}\n                    headerActionsAccessory={headerActionsAccessory}\n                    title={modalTitle}\n                    description={modalDescription}\n                    isOpen\n                    onRequestClose={onRequestClose}\n                    contentExplorerMode={contentExplorerMode}\n                    initialFoldersPath={initialFoldersPath}\n                    onEnterFolder={this.handleEnterFolder}\n                    onChooseItems={onChooseItems}\n                    onMoveItem={onMoveItem}\n                    onCopyItem={onCopyItem}\n                    onSelectedClick={onSelectedClick}\n                    onSelectItem={onSelectItem}\n                    onCreateNewFolderButtonClick={this.handleCreateNewFolderButtonClick}\n                    isCreateNewFolderAllowed={isCreateNewFolderAllowed}\n                    isSelectAllAllowed={isSelectAllAllowed}\n                    onSearchSubmit={onSearchSubmit}\n                    onExitSearch={onExitSearch}\n                    items={items}\n                    numItemsPerPage={numItemsPerPage}\n                    numTotalItems={numTotalItems}\n                    onLoadMoreItems={onLoadMoreItems}\n                    itemIconRenderer={itemIconRenderer}\n                    itemNameLinkRenderer={itemNameLinkRenderer}\n                    itemButtonRenderer={itemButtonRenderer}\n                    showCreateNewFolderButton={showCreateNewFolderButton}\n                    searchInputProps={searchInputProps}\n                    chooseButtonText={chooseButtonText}\n                    initialSelectedItems={initialSelectedItems}\n                />\n                {isNewFolderModalOpen && (\n                    <NewFolderModal\n                        isOpen\n                        parentFolderName={currentFolder.name}\n                        onRequestClose={this.handleNewFolderModalClose}\n                        onCreateFolderSubmit={onCreateFolderSubmit}\n                        onCreateFolderInput={onCreateFolderInput}\n                        isCreatingFolder={isCreatingFolder}\n                        createFolderError={createFolderError}\n                    />\n                )}\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorerModalContainer;\n"],"file":"ContentExplorerModalContainer.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js"],"names":["PropTypes","React","Component","classNames","BreadcrumbPropType","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModal","NewFolderModal","ContentExplorerModalContainer","props","enteredFolder","newFoldersPath","onEnterFolder","setState","foldersPath","onNewFolderModalShown","isNewFolderModalOpen","onNewFolderModalClosed","state","initialFoldersPath","prevInitialFoldersPath","breadcrumbProps","className","headerActionsAccessory","modalTitle","modalDescription","onRequestClose","onCreateFolderSubmit","onCreateFolderInput","isCreatingFolder","createFolderError","contentExplorerMode","onChooseItems","onMoveItem","onCopyItem","isCreateNewFolderAllowed","onSearchSubmit","onExitSearch","onSelectedClick","onSelectItem","items","numItemsPerPage","numTotalItems","onLoadMoreItems","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","showCreateNewFolderButton","searchInputProps","chooseButtonText","initialSelectedItems","isSelectAllAllowed","currentFolder","length","handleEnterFolder","handleCreateNewFolderButtonClick","name","handleNewFolderModalClose","string","node","func","isRequired","bool","object","number"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\n\nimport { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';\nimport ContentExplorerModal from '../content-explorer-modal';\nimport NewFolderModal from '../new-folder-modal';\n\nclass ContentExplorerModalContainer extends Component {\n    static propTypes = {\n        /** Breadcrumb component options */\n        breadcrumbProps: BreadcrumbPropType,\n        /** Adds class name. */\n        className: PropTypes.string,\n        /** Any extra items in the header to the right of the search input (and new folder button) */\n        headerActionsAccessory: PropTypes.node,\n        /** Title shown in the ContentExplorerModal. */\n        modalTitle: PropTypes.string,\n        /** Description text shown in the ContentExplorerModal. */\n        modalDescription: PropTypes.string,\n        /** Called when the ContentExplorerModal is closed. */\n        onRequestClose: PropTypes.func.isRequired,\n        /**\n         * Called when the folder creation is submitted.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderSubmit: PropTypes.func,\n        /**\n         * Called with the latest folder name input.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderInput: PropTypes.func,\n        /** Called when the NewFolderModal is shown. */\n        onNewFolderModalShown: PropTypes.func,\n        /** Called when the NewFolderModal is closed. */\n        onNewFolderModalClosed: PropTypes.func,\n        /** Called when selected button is clicked */\n        onSelectedClick: PropTypes.func,\n        /**\n         * Called when an item is selected\n         *\n         * @param {Object} selectedItem\n         * @param {number} selectedItemIndex\n         */\n        onSelectItem: PropTypes.func,\n        /** Folder is in the process of being created. */\n        isCreatingFolder: PropTypes.bool,\n        /** Whether the user can see select all checkbox */\n        isSelectAllAllowed: PropTypes.bool,\n        /** Message that will be shown when there was an error creating the folder. */\n        createFolderError: PropTypes.string,\n        /** Configures the content explorer based on the user's intended action (ex. select file or move/copy) */\n        contentExplorerMode: ContentExplorerModePropType.isRequired,\n        /** Initial path of folders. The last folder in the array is the current folder. */\n        initialFoldersPath: FoldersPathPropType.isRequired,\n        /** Initial items that will show up as selected */\n        initialSelectedItems: PropTypes.object,\n        /**\n         * Called when the current folder changes\n         *\n         * @param {Object} enteredFolder\n         * @param {Array} newFoldersPath\n         */\n        onEnterFolder: PropTypes.func.isRequired,\n        /**\n         * Called when items are chosen.\n         *\n         * @param {Object[]} chosenItems In non-multi select mode, the chosenItems will be a 1 element array contain the one chosen item\n         */\n        onChooseItems: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for moving an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onMoveItem: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for copying an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onCopyItem: PropTypes.func,\n        /** Whether the user has permission to create a new folder */\n        isCreateNewFolderAllowed: PropTypes.bool,\n        /**\n         * Called when a search query is submitted.\n         *\n         * @param {string} searchQuery\n         */\n        onSearchSubmit: PropTypes.func.isRequired,\n        /**\n         * Called when search mode is exited. An updated items list should now be passed in to display the user's file tree.\n         *\n         * @param {Object} folderBeforeSearch the previous folder object before entering search mode\n         */\n        onExitSearch: PropTypes.func.isRequired,\n        /** List of items to display */\n        items: ItemsPropType.isRequired,\n        /** Number of items to load per page as the user scrolls */\n        numItemsPerPage: PropTypes.number,\n        /** Total number of items across all pages */\n        numTotalItems: PropTypes.number,\n        /** Called to load more items */\n        onLoadMoreItems: PropTypes.func,\n        /** Used to render item icons in the list. Overrides the default icons. */\n        itemIconRenderer: PropTypes.func,\n        /** Used to render item name links in the list. Overrides the default links. */\n        itemNameLinkRenderer: PropTypes.func,\n        /** Used to render item buttons in the list. Overrides the default buttons. */\n        itemButtonRenderer: PropTypes.func,\n        /** Whether the new folder button should be shown */\n        showCreateNewFolderButton: PropTypes.bool,\n        /** Props for the search input */\n        searchInputProps: PropTypes.object,\n        /** Custom text for the choose button */\n        chooseButtonText: PropTypes.node,\n    };\n\n    static defaultProps = {\n        onCreateFolderSubmit: () => {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            foldersPath: props.initialFoldersPath,\n            isNewFolderModalOpen: false,\n        };\n    }\n\n    componentDidUpdate({ initialFoldersPath: prevInitialFoldersPath }) {\n        const { initialFoldersPath } = this.props;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            // Close the new folder modal when the folders path has changed\n            this.setState({\n                foldersPath: initialFoldersPath,\n                isNewFolderModalOpen: false,\n            });\n        }\n    }\n\n    handleEnterFolder = (enteredFolder, newFoldersPath) => {\n        const { onEnterFolder } = this.props;\n\n        this.setState({ foldersPath: newFoldersPath });\n        onEnterFolder(enteredFolder, newFoldersPath);\n    };\n\n    handleCreateNewFolderButtonClick = () => {\n        const { onNewFolderModalShown } = this.props;\n\n        this.setState({ isNewFolderModalOpen: true }, () => onNewFolderModalShown && onNewFolderModalShown());\n    };\n\n    handleNewFolderModalClose = () => {\n        const { onNewFolderModalClosed } = this.props;\n\n        this.setState({ isNewFolderModalOpen: false }, () => onNewFolderModalClosed && onNewFolderModalClosed());\n    };\n\n    render() {\n        const {\n            breadcrumbProps,\n            className,\n            headerActionsAccessory,\n            modalTitle,\n            modalDescription,\n            onRequestClose,\n            onCreateFolderSubmit,\n            onCreateFolderInput,\n            isCreatingFolder,\n            createFolderError,\n            contentExplorerMode,\n            initialFoldersPath,\n            onChooseItems,\n            onMoveItem,\n            onCopyItem,\n            isCreateNewFolderAllowed,\n            onSearchSubmit,\n            onExitSearch,\n            onSelectedClick,\n            onSelectItem,\n            items,\n            numItemsPerPage,\n            numTotalItems,\n            onLoadMoreItems,\n            itemIconRenderer,\n            itemNameLinkRenderer,\n            itemButtonRenderer,\n            showCreateNewFolderButton,\n            searchInputProps,\n            chooseButtonText,\n            initialSelectedItems,\n            isSelectAllAllowed,\n        } = this.props;\n        const { foldersPath, isNewFolderModalOpen } = this.state;\n        const currentFolder = foldersPath[foldersPath.length - 1];\n\n        return (\n            <div className={classNames('content-explorer-modal-container', className)}>\n                <ContentExplorerModal\n                    breadcrumbProps={breadcrumbProps}\n                    className={isNewFolderModalOpen ? 'hidden' : ''}\n                    headerActionsAccessory={headerActionsAccessory}\n                    title={modalTitle}\n                    description={modalDescription}\n                    isOpen\n                    onRequestClose={onRequestClose}\n                    contentExplorerMode={contentExplorerMode}\n                    initialFoldersPath={initialFoldersPath}\n                    onEnterFolder={this.handleEnterFolder}\n                    onChooseItems={onChooseItems}\n                    onMoveItem={onMoveItem}\n                    onCopyItem={onCopyItem}\n                    onSelectedClick={onSelectedClick}\n                    onSelectItem={onSelectItem}\n                    onCreateNewFolderButtonClick={this.handleCreateNewFolderButtonClick}\n                    isCreateNewFolderAllowed={isCreateNewFolderAllowed}\n                    isSelectAllAllowed={isSelectAllAllowed}\n                    onSearchSubmit={onSearchSubmit}\n                    onExitSearch={onExitSearch}\n                    items={items}\n                    numItemsPerPage={numItemsPerPage}\n                    numTotalItems={numTotalItems}\n                    onLoadMoreItems={onLoadMoreItems}\n                    itemIconRenderer={itemIconRenderer}\n                    itemNameLinkRenderer={itemNameLinkRenderer}\n                    itemButtonRenderer={itemButtonRenderer}\n                    showCreateNewFolderButton={showCreateNewFolderButton}\n                    searchInputProps={searchInputProps}\n                    chooseButtonText={chooseButtonText}\n                    initialSelectedItems={initialSelectedItems}\n                />\n                {isNewFolderModalOpen && (\n                    <NewFolderModal\n                        isOpen\n                        parentFolderName={currentFolder.name}\n                        onRequestClose={this.handleNewFolderModalClose}\n                        onCreateFolderSubmit={onCreateFolderSubmit}\n                        onCreateFolderInput={onCreateFolderInput}\n                        isCreatingFolder={isCreatingFolder}\n                        createFolderError={createFolderError}\n                    />\n                )}\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorerModalContainer;\n"],"file":"ContentExplorerModalContainer.js"}

package/es/features/content-explorer/prop-types.js

@@ -26,5 +26,11 @@ var PlaceholderPropType = PropTypes.shape({
 var ItemOrPlaceholderPropType = PropTypes.oneOfType([ItemPropType, PlaceholderPropType]);
 var ItemsPropType = PropTypes.arrayOf(ItemOrPlaceholderPropType);
 var ItemsMapPropType = PropTypes.objectOf(ItemPropType);
-export { ContentExplorerModePropType, FolderPropType, FoldersPathPropType, ItemTypePropType, ItemPropType, ItemsPropType, ItemsMapPropType };
+var BreadcrumbPropType = PropTypes.shape({
+  className: PropTypes.string,
+  itemsBeforeOverflow: PropTypes.number,
+  overflowIcon: PropTypes.node,
+  threshold: PropTypes.number
+});
+export { BreadcrumbPropType, ContentExplorerModePropType, FolderPropType, FoldersPathPropType, ItemTypePropType, ItemPropType, ItemsPropType, ItemsMapPropType };
 //# sourceMappingURL=prop-types.js.map

package/es/features/content-explorer/prop-types.js.flow

@@ -43,7 +43,15 @@ const ItemsPropType = PropTypes.arrayOf(ItemOrPlaceholderPropType);
 
 const ItemsMapPropType = PropTypes.objectOf(ItemPropType);
 
+const BreadcrumbPropType = PropTypes.shape({
+    className: PropTypes.string,
+    itemsBeforeOverflow: PropTypes.number,
+    overflowIcon: PropTypes.node,
+    threshold: PropTypes.number,
+});
+
 export {
+    BreadcrumbPropType,
     ContentExplorerModePropType,
     FolderPropType,
     FoldersPathPropType,

package/es/features/content-explorer/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/content-explorer/prop-types.js"],"names":["PropTypes","ContentExplorerModes","ItemTypes","ContentExplorerModePropType","oneOf","COPY","MOVE_COPY","MULTI_SELECT","SELECT_FILE","SELECT_FOLDER","FolderPropType","shape","id","string","isRequired","name","FoldersPathPropType","arrayOf","ItemTypePropType","FILE","FOLDER","BOOKMARK","ItemPropType","type","label","extension","hasCollaborations","bool","isExternallyOwned","isDisabled","isActionDisabled","PlaceholderPropType","isLoading","loadingPlaceholderColumnWidths","ItemOrPlaceholderPropType","oneOfType","ItemsPropType","ItemsMapPropType","objectOf"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,oBAAP,MAAiC,SAAjC;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,IAAMC,2BAA2B,GAAGH,SAAS,CAACI,KAAV,CAAgB,CAChDH,oBAAoB,CAACI,IAD2B,EAEhDJ,oBAAoB,CAACK,SAF2B,EAGhDL,oBAAoB,CAACM,YAH2B,EAIhDN,oBAAoB,CAACO,WAJ2B,EAKhDP,oBAAoB,CAACQ,aAL2B,CAAhB,CAApC;AAQA,IAAMC,cAAc,GAAGV,SAAS,CAACW,KAAV,CAAgB;AACnCC,EAAAA,EAAE,EAAEZ,SAAS,CAACa,MAAV,CAAiBC,UADc;AAEnCC,EAAAA,IAAI,EAAEf,SAAS,CAACa,MAAV,CAAiBC;AAFY,CAAhB,CAAvB;AAKA,IAAME,mBAAmB,GAAGhB,SAAS,CAACiB,OAAV,CAAkBP,cAAlB,CAA5B;AAEA,IAAMQ,gBAAgB,GAAGlB,SAAS,CAACI,KAAV,CAAgB,CAACF,SAAS,CAACiB,IAAX,EAAiBjB,SAAS,CAACkB,MAA3B,EAAmClB,SAAS,CAACmB,QAA7C,CAAhB,CAAzB;AAEA,IAAMC,YAAY,GAAGtB,SAAS,CAACW,KAAV,CAAgB;AACjCC,EAAAA,EAAE,EAAEZ,SAAS,CAACa,MAAV,CAAiBC,UADY;AAEjCS,EAAAA,IAAI,EAAEL,gBAF2B;AAGjCH,EAAAA,IAAI,EAAEf,SAAS,CAACa,MAAV,CAAiBC,UAHU;AAIjCU,EAAAA,KAAK,EAAExB,SAAS,CAACa,MAJgB;AAKjCY,EAAAA,SAAS,EAAEzB,SAAS,CAACa,MALY;AAMjCa,EAAAA,iBAAiB,EAAE1B,SAAS,CAAC2B,IANI;AAOjCC,EAAAA,iBAAiB,EAAE5B,SAAS,CAAC2B,IAPI;AAQjCE,EAAAA,UAAU,EAAE7B,SAAS,CAAC2B,IARW;AASjCG,EAAAA,gBAAgB,EAAE9B,SAAS,CAAC2B;AATK,CAAhB,CAArB;AAYA,IAAMI,mBAAmB,GAAG/B,SAAS,CAACW,KAAV,CAAgB;AACxCqB,EAAAA,SAAS,EAAEhC,SAAS,CAAC2B,IAAV,CAAeb,UADc;AAExCmB,EAAAA,8BAA8B,EAAEjC,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACa,MAA5B;AAFQ,CAAhB,CAA5B;AAKA,IAAMqB,yBAAyB,GAAGlC,SAAS,CAACmC,SAAV,CAAoB,CAACb,YAAD,EAAeS,mBAAf,CAApB,CAAlC;AAEA,IAAMK,aAAa,GAAGpC,SAAS,CAACiB,OAAV,CAAkBiB,yBAAlB,CAAtB;AAEA,IAAMG,gBAAgB,GAAGrC,SAAS,CAACsC,QAAV,CAAmBhB,YAAnB,CAAzB;AAEA,SACInB,2BADJ,EAEIO,cAFJ,EAGIM,mBAHJ,EAIIE,gBAJJ,EAKII,YALJ,EAMIc,aANJ,EAOIC,gBAPJ","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ContentExplorerModes from './modes';\nimport ItemTypes from './item-types';\n\nconst ContentExplorerModePropType = PropTypes.oneOf([\n    ContentExplorerModes.COPY,\n    ContentExplorerModes.MOVE_COPY,\n    ContentExplorerModes.MULTI_SELECT,\n    ContentExplorerModes.SELECT_FILE,\n    ContentExplorerModes.SELECT_FOLDER,\n]);\n\nconst FolderPropType = PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    name: PropTypes.string.isRequired,\n});\n\nconst FoldersPathPropType = PropTypes.arrayOf(FolderPropType);\n\nconst ItemTypePropType = PropTypes.oneOf([ItemTypes.FILE, ItemTypes.FOLDER, ItemTypes.BOOKMARK]);\n\nconst ItemPropType = PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    type: ItemTypePropType,\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    extension: PropTypes.string,\n    hasCollaborations: PropTypes.bool,\n    isExternallyOwned: PropTypes.bool,\n    isDisabled: PropTypes.bool,\n    isActionDisabled: PropTypes.bool,\n});\n\nconst PlaceholderPropType = PropTypes.shape({\n    isLoading: PropTypes.bool.isRequired,\n    loadingPlaceholderColumnWidths: PropTypes.arrayOf(PropTypes.string),\n});\n\nconst ItemOrPlaceholderPropType = PropTypes.oneOfType([ItemPropType, PlaceholderPropType]);\n\nconst ItemsPropType = PropTypes.arrayOf(ItemOrPlaceholderPropType);\n\nconst ItemsMapPropType = PropTypes.objectOf(ItemPropType);\n\nexport {\n    ContentExplorerModePropType,\n    FolderPropType,\n    FoldersPathPropType,\n    ItemTypePropType,\n    ItemPropType,\n    ItemsPropType,\n    ItemsMapPropType,\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../src/features/content-explorer/prop-types.js"],"names":["PropTypes","ContentExplorerModes","ItemTypes","ContentExplorerModePropType","oneOf","COPY","MOVE_COPY","MULTI_SELECT","SELECT_FILE","SELECT_FOLDER","FolderPropType","shape","id","string","isRequired","name","FoldersPathPropType","arrayOf","ItemTypePropType","FILE","FOLDER","BOOKMARK","ItemPropType","type","label","extension","hasCollaborations","bool","isExternallyOwned","isDisabled","isActionDisabled","PlaceholderPropType","isLoading","loadingPlaceholderColumnWidths","ItemOrPlaceholderPropType","oneOfType","ItemsPropType","ItemsMapPropType","objectOf","BreadcrumbPropType","className","itemsBeforeOverflow","number","overflowIcon","node","threshold"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,oBAAP,MAAiC,SAAjC;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,IAAMC,2BAA2B,GAAGH,SAAS,CAACI,KAAV,CAAgB,CAChDH,oBAAoB,CAACI,IAD2B,EAEhDJ,oBAAoB,CAACK,SAF2B,EAGhDL,oBAAoB,CAACM,YAH2B,EAIhDN,oBAAoB,CAACO,WAJ2B,EAKhDP,oBAAoB,CAACQ,aAL2B,CAAhB,CAApC;AAQA,IAAMC,cAAc,GAAGV,SAAS,CAACW,KAAV,CAAgB;AACnCC,EAAAA,EAAE,EAAEZ,SAAS,CAACa,MAAV,CAAiBC,UADc;AAEnCC,EAAAA,IAAI,EAAEf,SAAS,CAACa,MAAV,CAAiBC;AAFY,CAAhB,CAAvB;AAKA,IAAME,mBAAmB,GAAGhB,SAAS,CAACiB,OAAV,CAAkBP,cAAlB,CAA5B;AAEA,IAAMQ,gBAAgB,GAAGlB,SAAS,CAACI,KAAV,CAAgB,CAACF,SAAS,CAACiB,IAAX,EAAiBjB,SAAS,CAACkB,MAA3B,EAAmClB,SAAS,CAACmB,QAA7C,CAAhB,CAAzB;AAEA,IAAMC,YAAY,GAAGtB,SAAS,CAACW,KAAV,CAAgB;AACjCC,EAAAA,EAAE,EAAEZ,SAAS,CAACa,MAAV,CAAiBC,UADY;AAEjCS,EAAAA,IAAI,EAAEL,gBAF2B;AAGjCH,EAAAA,IAAI,EAAEf,SAAS,CAACa,MAAV,CAAiBC,UAHU;AAIjCU,EAAAA,KAAK,EAAExB,SAAS,CAACa,MAJgB;AAKjCY,EAAAA,SAAS,EAAEzB,SAAS,CAACa,MALY;AAMjCa,EAAAA,iBAAiB,EAAE1B,SAAS,CAAC2B,IANI;AAOjCC,EAAAA,iBAAiB,EAAE5B,SAAS,CAAC2B,IAPI;AAQjCE,EAAAA,UAAU,EAAE7B,SAAS,CAAC2B,IARW;AASjCG,EAAAA,gBAAgB,EAAE9B,SAAS,CAAC2B;AATK,CAAhB,CAArB;AAYA,IAAMI,mBAAmB,GAAG/B,SAAS,CAACW,KAAV,CAAgB;AACxCqB,EAAAA,SAAS,EAAEhC,SAAS,CAAC2B,IAAV,CAAeb,UADc;AAExCmB,EAAAA,8BAA8B,EAAEjC,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACa,MAA5B;AAFQ,CAAhB,CAA5B;AAKA,IAAMqB,yBAAyB,GAAGlC,SAAS,CAACmC,SAAV,CAAoB,CAACb,YAAD,EAAeS,mBAAf,CAApB,CAAlC;AAEA,IAAMK,aAAa,GAAGpC,SAAS,CAACiB,OAAV,CAAkBiB,yBAAlB,CAAtB;AAEA,IAAMG,gBAAgB,GAAGrC,SAAS,CAACsC,QAAV,CAAmBhB,YAAnB,CAAzB;AAEA,IAAMiB,kBAAkB,GAAGvC,SAAS,CAACW,KAAV,CAAgB;AACvC6B,EAAAA,SAAS,EAAExC,SAAS,CAACa,MADkB;AAEvC4B,EAAAA,mBAAmB,EAAEzC,SAAS,CAAC0C,MAFQ;AAGvCC,EAAAA,YAAY,EAAE3C,SAAS,CAAC4C,IAHe;AAIvCC,EAAAA,SAAS,EAAE7C,SAAS,CAAC0C;AAJkB,CAAhB,CAA3B;AAOA,SACIH,kBADJ,EAEIpC,2BAFJ,EAGIO,cAHJ,EAIIM,mBAJJ,EAKIE,gBALJ,EAMII,YANJ,EAOIc,aAPJ,EAQIC,gBARJ","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ContentExplorerModes from './modes';\nimport ItemTypes from './item-types';\n\nconst ContentExplorerModePropType = PropTypes.oneOf([\n    ContentExplorerModes.COPY,\n    ContentExplorerModes.MOVE_COPY,\n    ContentExplorerModes.MULTI_SELECT,\n    ContentExplorerModes.SELECT_FILE,\n    ContentExplorerModes.SELECT_FOLDER,\n]);\n\nconst FolderPropType = PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    name: PropTypes.string.isRequired,\n});\n\nconst FoldersPathPropType = PropTypes.arrayOf(FolderPropType);\n\nconst ItemTypePropType = PropTypes.oneOf([ItemTypes.FILE, ItemTypes.FOLDER, ItemTypes.BOOKMARK]);\n\nconst ItemPropType = PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    type: ItemTypePropType,\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    extension: PropTypes.string,\n    hasCollaborations: PropTypes.bool,\n    isExternallyOwned: PropTypes.bool,\n    isDisabled: PropTypes.bool,\n    isActionDisabled: PropTypes.bool,\n});\n\nconst PlaceholderPropType = PropTypes.shape({\n    isLoading: PropTypes.bool.isRequired,\n    loadingPlaceholderColumnWidths: PropTypes.arrayOf(PropTypes.string),\n});\n\nconst ItemOrPlaceholderPropType = PropTypes.oneOfType([ItemPropType, PlaceholderPropType]);\n\nconst ItemsPropType = PropTypes.arrayOf(ItemOrPlaceholderPropType);\n\nconst ItemsMapPropType = PropTypes.objectOf(ItemPropType);\n\nconst BreadcrumbPropType = PropTypes.shape({\n    className: PropTypes.string,\n    itemsBeforeOverflow: PropTypes.number,\n    overflowIcon: PropTypes.node,\n    threshold: PropTypes.number,\n});\n\nexport {\n    BreadcrumbPropType,\n    ContentExplorerModePropType,\n    FolderPropType,\n    FoldersPathPropType,\n    ItemTypePropType,\n    ItemPropType,\n    ItemsPropType,\n    ItemsMapPropType,\n};\n"],"file":"prop-types.js"}

package/es/features/content-insights/CompactCount.js

@@ -0,0 +1,24 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { injectIntl } from 'react-intl';
+import classNames from 'classnames';
+import { formatCount } from './numberUtils';
+
+function CompactCount(_ref) {
+  var className = _ref.className,
+      count = _ref.count,
+      intl = _ref.intl,
+      rest = _objectWithoutProperties(_ref, ["className", "count", "intl"]);
+
+  return React.createElement("span", _extends({
+    className: classNames('CompactCount', className)
+  }, rest), formatCount(count, intl));
+}
+
+export default injectIntl(CompactCount);
+//# sourceMappingURL=CompactCount.js.map

package/es/features/content-insights/CompactCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/CompactCount.tsx"],"names":["React","injectIntl","classNames","formatCount","CompactCount","className","count","intl","rest"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAAsC,YAAtC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAASC,WAAT,QAA4B,eAA5B;;AAUA,SAASC,YAAT,OAAkE;AAAA,MAA1CC,SAA0C,QAA1CA,SAA0C;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,IAAwB,QAAxBA,IAAwB;AAAA,MAAfC,IAAe;;AAC9D,SACI;AAAM,IAAA,SAAS,EAAEN,UAAU,CAAC,cAAD,EAAiBG,SAAjB;AAA3B,KAA4DG,IAA5D,GACKL,WAAW,CAACG,KAAD,EAAQC,IAAR,CADhB,CADJ;AAKH;;AAED,eAAeN,UAAU,CAACG,YAAD,CAAzB","sourcesContent":["import React from 'react';\nimport { injectIntl, IntlShape } from 'react-intl';\nimport classNames from 'classnames';\n\nimport { formatCount } from './numberUtils';\n\ninterface Props {\n    className?: string;\n    count: number;\n    intl: IntlShape;\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n}\n\nfunction CompactCount({ className, count, intl, ...rest }: Props) {\n    return (\n        <span className={classNames('CompactCount', className)} {...rest}>\n            {formatCount(count, intl)}\n        </span>\n    );\n}\n\nexport default injectIntl(CompactCount);\n"],"file":"CompactCount.js"}

package/es/features/content-insights/ContentAnalyticsErrorState.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+import MetricsReview56 from '../../illustration/MetricsReview56';
+import messages from './messages';
+import './ContentAnalyticsErrorState.scss';
+
+var ContentAnalyticsErrorState = function ContentAnalyticsErrorState(_ref) {
+  var error = _ref.error;
+
+  var renderErrorMessage = function renderErrorMessage(responseError) {
+    var isPermissionError = !!responseError && responseError.status === 403;
+
+    if (isPermissionError) {
+      return React.createElement("div", {
+        className: "ContentAnalyticsErrorState-text--permission",
+        "data-testid": "ContentAnalyticsErrorState-text--permission"
+      }, React.createElement(FormattedMessage, messages.contentAnalyticsPermissionError));
+    }
+
+    return React.createElement("div", {
+      className: "ContentAnalyticsErrorState-text",
+      "data-testid": "ContentAnalyticsErrorState-text"
+    }, React.createElement(FormattedMessage, messages.contentAnalyticsErrorText));
+  };
+
+  return React.createElement("div", {
+    className: "ContentAnalyticsErrorState",
+    "data-testid": "ContentAnalyticsErrorState"
+  }, React.createElement(MetricsReview56, {
+    "data-testid": "ContentAnalyticsErrorState-image"
+  }), renderErrorMessage(error));
+};
+
+export default ContentAnalyticsErrorState;
+//# sourceMappingURL=ContentAnalyticsErrorState.js.map

package/es/features/content-insights/ContentAnalyticsErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/ContentAnalyticsErrorState.tsx"],"names":["React","FormattedMessage","MetricsReview56","messages","ContentAnalyticsErrorState","error","renderErrorMessage","responseError","isPermissionError","status","contentAnalyticsPermissionError","contentAnalyticsErrorText"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,eAAP,MAA4B,oCAA5B;AACA,OAAOC,QAAP,MAAqB,YAArB;AAGA,OAAO,mCAAP;;AAMA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,OAAsB;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;;AACrD,MAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,aAAD,EAAmC;AAC1D,QAAMC,iBAAiB,GAAG,CAAC,CAACD,aAAF,IAAmBA,aAAa,CAACE,MAAd,KAAyB,GAAtE;;AAEA,QAAID,iBAAJ,EAAuB;AACnB,aACI;AACI,QAAA,SAAS,EAAC,6CADd;AAEI,uBAAY;AAFhB,SAII,oBAAC,gBAAD,EAAsBL,QAAQ,CAACO,+BAA/B,CAJJ,CADJ;AAQH;;AAED,WACI;AAAK,MAAA,SAAS,EAAC,iCAAf;AAAiD,qBAAY;AAA7D,OACI,oBAAC,gBAAD,EAAsBP,QAAQ,CAACQ,yBAA/B,CADJ,CADJ;AAKH,GAnBD;;AAqBA,SACI;AAAK,IAAA,SAAS,EAAC,4BAAf;AAA4C,mBAAY;AAAxD,KACI,oBAAC,eAAD;AAAiB,mBAAY;AAA7B,IADJ,EAEKL,kBAAkB,CAACD,KAAD,CAFvB,CADJ;AAMH,CA5BD;;AA8BA,eAAeD,0BAAf","sourcesContent":["import * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport MetricsReview56 from '../../illustration/MetricsReview56';\nimport messages from './messages';\nimport { ResponseError } from './types';\n\nimport './ContentAnalyticsErrorState.scss';\n\ninterface Props {\n    error?: ResponseError;\n}\n\nconst ContentAnalyticsErrorState = ({ error }: Props) => {\n    const renderErrorMessage = (responseError?: ResponseError) => {\n        const isPermissionError = !!responseError && responseError.status === 403;\n\n        if (isPermissionError) {\n            return (\n                <div\n                    className=\"ContentAnalyticsErrorState-text--permission\"\n                    data-testid=\"ContentAnalyticsErrorState-text--permission\"\n                >\n                    <FormattedMessage {...messages.contentAnalyticsPermissionError} />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"ContentAnalyticsErrorState-text\" data-testid=\"ContentAnalyticsErrorState-text\">\n                <FormattedMessage {...messages.contentAnalyticsErrorText} />\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"ContentAnalyticsErrorState\" data-testid=\"ContentAnalyticsErrorState\">\n            <MetricsReview56 data-testid=\"ContentAnalyticsErrorState-image\" />\n            {renderErrorMessage(error)}\n        </div>\n    );\n};\n\nexport default ContentAnalyticsErrorState;\n"],"file":"ContentAnalyticsErrorState.js"}

package/es/features/content-insights/ContentAnalyticsErrorState.scss

@@ -0,0 +1,17 @@
+@import '../../styles/variables';
+
+.ContentAnalyticsErrorState {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+
+.ContentAnalyticsErrorState-text,
+.ContentAnalyticsErrorState-text--permission {
+    width: 100%;
+    margin-top: $bdl-grid-unit * 5;
+    font-size: $bdl-fontSize--dejaBlue;
+    text-align: center;
+}

package/es/features/content-insights/ContentInsightsSummary.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import ContentAnalyticsErrorState from './ContentAnalyticsErrorState';
+import ContentInsightsSummaryGhostState from './ContentInsightsSummaryGhostState';
+import GraphCardPreviewsSummary from './GraphCardPreviewsSummary';
+import OpenContentInsightsButton from './OpenContentInsightsButton';
+import './ContentInsightsSummary.scss';
+
+var ContentInsightsSummary = function ContentInsightsSummary(_ref) {
+  var error = _ref.error,
+      graphData = _ref.graphData,
+      isLoading = _ref.isLoading,
+      previousPeriodCount = _ref.previousPeriodCount,
+      onClick = _ref.onClick,
+      totalCount = _ref.totalCount;
+
+  var renderContentAnalyticsSummary = function renderContentAnalyticsSummary() {
+    if (error) {
+      return React.createElement(ContentAnalyticsErrorState, {
+        error: error
+      });
+    }
+
+    if (isLoading) {
+      return React.createElement(ContentInsightsSummaryGhostState, null);
+    }
+
+    return React.createElement(React.Fragment, null, React.createElement(GraphCardPreviewsSummary, {
+      graphData: graphData,
+      previousPeriodCount: previousPeriodCount,
+      totalCount: totalCount
+    }), React.createElement(OpenContentInsightsButton, {
+      onClick: onClick
+    }));
+  };
+
+  return React.createElement("div", {
+    className: "ContentInsightsSummary"
+  }, renderContentAnalyticsSummary());
+};
+
+export default ContentInsightsSummary;
+//# sourceMappingURL=ContentInsightsSummary.js.map

package/es/features/content-insights/ContentInsightsSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/ContentInsightsSummary.tsx"],"names":["React","ContentAnalyticsErrorState","ContentInsightsSummaryGhostState","GraphCardPreviewsSummary","OpenContentInsightsButton","ContentInsightsSummary","error","graphData","isLoading","previousPeriodCount","onClick","totalCount","renderContentAnalyticsSummary"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,0BAAP,MAAuC,8BAAvC;AACA,OAAOC,gCAAP,MAA6C,oCAA7C;AACA,OAAOC,wBAAP,MAAqC,4BAArC;AACA,OAAOC,yBAAP,MAAsC,6BAAtC;AAGA,OAAO,+BAAP;;AAWA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAAsF;AAAA,MAAnFC,KAAmF,QAAnFA,KAAmF;AAAA,MAA5EC,SAA4E,QAA5EA,SAA4E;AAAA,MAAjEC,SAAiE,QAAjEA,SAAiE;AAAA,MAAtDC,mBAAsD,QAAtDA,mBAAsD;AAAA,MAAjCC,OAAiC,QAAjCA,OAAiC;AAAA,MAAxBC,UAAwB,QAAxBA,UAAwB;;AACjH,MAAMC,6BAA6B,GAAG,SAAhCA,6BAAgC,GAAM;AACxC,QAAIN,KAAJ,EAAW;AACP,aAAO,oBAAC,0BAAD;AAA4B,QAAA,KAAK,EAAEA;AAAnC,QAAP;AACH;;AAED,QAAIE,SAAJ,EAAe;AACX,aAAO,oBAAC,gCAAD,OAAP;AACH;;AAED,WACI,0CACI,oBAAC,wBAAD;AACI,MAAA,SAAS,EAAED,SADf;AAEI,MAAA,mBAAmB,EAAEE,mBAFzB;AAGI,MAAA,UAAU,EAAEE;AAHhB,MADJ,EAMI,oBAAC,yBAAD;AAA2B,MAAA,OAAO,EAAED;AAApC,MANJ,CADJ;AAUH,GAnBD;;AAqBA,SAAO;AAAK,IAAA,SAAS,EAAC;AAAf,KAAyCE,6BAA6B,EAAtE,CAAP;AACH,CAvBD;;AAyBA,eAAeP,sBAAf","sourcesContent":["import * as React from 'react';\n\nimport ContentAnalyticsErrorState from './ContentAnalyticsErrorState';\nimport ContentInsightsSummaryGhostState from './ContentInsightsSummaryGhostState';\nimport GraphCardPreviewsSummary from './GraphCardPreviewsSummary';\nimport OpenContentInsightsButton from './OpenContentInsightsButton';\nimport { GraphData, ResponseError } from './types';\n\nimport './ContentInsightsSummary.scss';\n\ninterface Props {\n    graphData: GraphData;\n    error?: ResponseError;\n    isLoading: boolean;\n    onClick: () => void;\n    previousPeriodCount: number;\n    totalCount: number;\n}\n\nconst ContentInsightsSummary = ({ error, graphData, isLoading, previousPeriodCount, onClick, totalCount }: Props) => {\n    const renderContentAnalyticsSummary = () => {\n        if (error) {\n            return <ContentAnalyticsErrorState error={error} />;\n        }\n\n        if (isLoading) {\n            return <ContentInsightsSummaryGhostState />;\n        }\n\n        return (\n            <>\n                <GraphCardPreviewsSummary\n                    graphData={graphData}\n                    previousPeriodCount={previousPeriodCount}\n                    totalCount={totalCount}\n                />\n                <OpenContentInsightsButton onClick={onClick} />\n            </>\n        );\n    };\n\n    return <div className=\"ContentInsightsSummary\">{renderContentAnalyticsSummary()}</div>;\n};\n\nexport default ContentInsightsSummary;\n"],"file":"ContentInsightsSummary.js"}

package/es/features/content-insights/ContentInsightsSummary.scss

@@ -0,0 +1,12 @@
+@import '../../styles/variables';
+
+.ContentInsightsSummary {
+    display: flex;
+    flex-direction: column;
+
+    .OpenContentInsightsButton {
+        margin-top: $bdl-grid-unit * 5;
+        margin-right: 0;
+        margin-left: 0;
+    }
+}

package/es/features/content-insights/ContentInsightsSummaryGhostState.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import Ghost from '../../components/ghost';
+import GraphCardGhostState from './GraphCardGhostState';
+import './ContentInsightsSummaryGhostState.scss';
+
+var ContentInsightsSummaryGhostState = function ContentInsightsSummaryGhostState() {
+  return React.createElement("div", {
+    className: "ContentInsightsSummaryGhostState"
+  }, React.createElement(GraphCardGhostState, null), React.createElement("div", {
+    className: "ContentInsightsSummaryGhostState-cta"
+  }, React.createElement(Ghost, {
+    borderRadius: 6,
+    className: "ContentInsightsSummaryGhostState-ctaButton",
+    height: 32
+  })));
+};
+
+export default ContentInsightsSummaryGhostState;
+//# sourceMappingURL=ContentInsightsSummaryGhostState.js.map

package/es/features/content-insights/ContentInsightsSummaryGhostState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/ContentInsightsSummaryGhostState.tsx"],"names":["React","Ghost","GraphCardGhostState","ContentInsightsSummaryGhostState"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,OAAOC,mBAAP,MAAgC,uBAAhC;AAEA,OAAO,yCAAP;;AAEA,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC;AAAA,SACrC;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,mBAAD,OADJ,EAEI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,KAAD;AAAO,IAAA,YAAY,EAAE,CAArB;AAAwB,IAAA,SAAS,EAAC,4CAAlC;AAA+E,IAAA,MAAM,EAAE;AAAvF,IADJ,CAFJ,CADqC;AAAA,CAAzC;;AASA,eAAeA,gCAAf","sourcesContent":["import * as React from 'react';\n\nimport Ghost from '../../components/ghost';\n\nimport GraphCardGhostState from './GraphCardGhostState';\n\nimport './ContentInsightsSummaryGhostState.scss';\n\nconst ContentInsightsSummaryGhostState = () => (\n    <div className=\"ContentInsightsSummaryGhostState\">\n        <GraphCardGhostState />\n        <div className=\"ContentInsightsSummaryGhostState-cta\">\n            <Ghost borderRadius={6} className=\"ContentInsightsSummaryGhostState-ctaButton\" height={32} />\n        </div>\n    </div>\n);\n\nexport default ContentInsightsSummaryGhostState;\n"],"file":"ContentInsightsSummaryGhostState.js"}

package/es/features/content-insights/ContentInsightsSummaryGhostState.scss

@@ -0,0 +1,9 @@
+@import '../../styles/variables';
+
+.ContentInsightsSummaryGhostState-cta {
+    margin-top: $bdl-grid-unit * 5;
+}
+
+.ContentInsightsSummaryGhostState-ctaButton {
+    margin: 0;
+}

package/es/features/content-insights/GraphCardGhostState.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import Ghost from '../../components/ghost';
+import GraphGhostState from './GraphGhostState';
+import './GraphCardGhostState.scss';
+
+var GraphCardGhostState = function GraphCardGhostState() {
+  return React.createElement("div", {
+    className: "GraphCardGhostState",
+    "data-testid": "GraphCardGhostState"
+  }, React.createElement("div", {
+    className: "GraphCardGhostState-header"
+  }, React.createElement(Ghost, {
+    borderRadius: 4,
+    height: 16,
+    width: 56
+  }), React.createElement(Ghost, {
+    borderRadius: 4,
+    className: "GraphCardGhostState-headlinePill",
+    height: 20,
+    width: 96
+  })), React.createElement(GraphGhostState, null));
+};
+
+export default GraphCardGhostState;
+//# sourceMappingURL=GraphCardGhostState.js.map

package/es/features/content-insights/GraphCardGhostState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/GraphCardGhostState.tsx"],"names":["React","Ghost","GraphGhostState","GraphCardGhostState"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,OAAO,4BAAP;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,SACxB;AAAK,IAAA,SAAS,EAAC,qBAAf;AAAqC,mBAAY;AAAjD,KACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,KAAD;AAAO,IAAA,YAAY,EAAE,CAArB;AAAwB,IAAA,MAAM,EAAE,EAAhC;AAAoC,IAAA,KAAK,EAAE;AAA3C,IADJ,EAEI,oBAAC,KAAD;AAAO,IAAA,YAAY,EAAE,CAArB;AAAwB,IAAA,SAAS,EAAC,kCAAlC;AAAqE,IAAA,MAAM,EAAE,EAA7E;AAAiF,IAAA,KAAK,EAAE;AAAxF,IAFJ,CADJ,EAKI,oBAAC,eAAD,OALJ,CADwB;AAAA,CAA5B;;AAUA,eAAeA,mBAAf","sourcesContent":["import React from 'react';\nimport Ghost from '../../components/ghost';\n\nimport GraphGhostState from './GraphGhostState';\n\nimport './GraphCardGhostState.scss';\n\nconst GraphCardGhostState = () => (\n    <div className=\"GraphCardGhostState\" data-testid=\"GraphCardGhostState\">\n        <div className=\"GraphCardGhostState-header\">\n            <Ghost borderRadius={4} height={16} width={56} />\n            <Ghost borderRadius={4} className=\"GraphCardGhostState-headlinePill\" height={20} width={96} />\n        </div>\n        <GraphGhostState />\n    </div>\n);\n\nexport default GraphCardGhostState;\n"],"file":"GraphCardGhostState.js"}

package/es/features/content-insights/GraphCardGhostState.scss

@@ -0,0 +1,18 @@
+@import '../../styles/variables';
+
+.GraphCardGhostState {
+    display: flex;
+    flex-direction: column;
+}
+
+.GraphCardGhostState-header {
+    display: flex;
+    flex: 0 0 70px;
+    flex-direction: column;
+    justify-content: space-around;
+}
+
+.GraphCardGhostState-headlinePill {
+    margin-top: $bdl-grid-unit * 2;
+    margin-bottom: $bdl-grid-unit * 6;
+}

package/es/features/content-insights/GraphCardPreviewsSummary.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { injectIntl } from 'react-intl';
+import BarChart from './charts/bar/BarChart';
+import messages from './messages';
+import MetricSummary from './MetricSummary';
+import { METRIC, PERIOD } from './constants';
+import './GraphCardPreviewsSummary.scss';
+
+function GraphCardPreviewsSummary(_ref) {
+  var graphData = _ref.graphData,
+      intl = _ref.intl,
+      previousPeriodCount = _ref.previousPeriodCount,
+      totalCount = _ref.totalCount;
+  return React.createElement(React.Fragment, null, React.createElement(MetricSummary, {
+    data: graphData,
+    metric: METRIC.PREVIEWS,
+    period: PERIOD.WEEK,
+    previousPeriodCount: previousPeriodCount,
+    totalCount: totalCount
+  }), React.createElement(BarChart, {
+    className: "GraphCardPreviewsSummary-chart",
+    data: graphData,
+    label: intl.formatMessage(messages.previewGraphLabel),
+    labelAccessor: "start",
+    valueAccessor: "previewsCount"
+  }));
+}
+
+export default injectIntl(GraphCardPreviewsSummary);
+//# sourceMappingURL=GraphCardPreviewsSummary.js.map

package/es/features/content-insights/GraphCardPreviewsSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/GraphCardPreviewsSummary.tsx"],"names":["React","injectIntl","BarChart","messages","MetricSummary","METRIC","PERIOD","GraphCardPreviewsSummary","graphData","intl","previousPeriodCount","totalCount","PREVIEWS","WEEK","formatMessage","previewGraphLabel"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAAsC,YAAtC;AAEA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,aAA/B;AAGA,OAAO,iCAAP;;AASA,SAASC,wBAAT,OAA+F;AAAA,MAA3DC,SAA2D,QAA3DA,SAA2D;AAAA,MAAhDC,IAAgD,QAAhDA,IAAgD;AAAA,MAA1CC,mBAA0C,QAA1CA,mBAA0C;AAAA,MAArBC,UAAqB,QAArBA,UAAqB;AAC3F,SACI,0CACI,oBAAC,aAAD;AACI,IAAA,IAAI,EAAEH,SADV;AAEI,IAAA,MAAM,EAAEH,MAAM,CAACO,QAFnB;AAGI,IAAA,MAAM,EAAEN,MAAM,CAACO,IAHnB;AAII,IAAA,mBAAmB,EAAEH,mBAJzB;AAKI,IAAA,UAAU,EAAEC;AALhB,IADJ,EAQI,oBAAC,QAAD;AACI,IAAA,SAAS,EAAC,gCADd;AAEI,IAAA,IAAI,EAAEH,SAFV;AAGI,IAAA,KAAK,EAAEC,IAAI,CAACK,aAAL,CAAmBX,QAAQ,CAACY,iBAA5B,CAHX;AAII,IAAA,aAAa,EAAC,OAJlB;AAKI,IAAA,aAAa,EAAC;AALlB,IARJ,CADJ;AAkBH;;AAED,eAAed,UAAU,CAACM,wBAAD,CAAzB","sourcesContent":["import * as React from 'react';\nimport { injectIntl, IntlShape } from 'react-intl';\n\nimport BarChart from './charts/bar/BarChart';\nimport messages from './messages';\nimport MetricSummary from './MetricSummary';\nimport { METRIC, PERIOD } from './constants';\nimport { GraphData } from './types';\n\nimport './GraphCardPreviewsSummary.scss';\n\ninterface Props {\n    graphData: GraphData;\n    intl: IntlShape;\n    previousPeriodCount: number;\n    totalCount: number;\n}\n\nfunction GraphCardPreviewsSummary({ graphData, intl, previousPeriodCount, totalCount }: Props) {\n    return (\n        <>\n            <MetricSummary\n                data={graphData}\n                metric={METRIC.PREVIEWS}\n                period={PERIOD.WEEK}\n                previousPeriodCount={previousPeriodCount}\n                totalCount={totalCount}\n            />\n            <BarChart\n                className=\"GraphCardPreviewsSummary-chart\"\n                data={graphData}\n                label={intl.formatMessage(messages.previewGraphLabel)}\n                labelAccessor=\"start\"\n                valueAccessor=\"previewsCount\"\n            />\n        </>\n    );\n}\n\nexport default injectIntl(GraphCardPreviewsSummary);\n"],"file":"GraphCardPreviewsSummary.js"}

package/es/features/content-insights/GraphCardPreviewsSummary.scss

@@ -0,0 +1,10 @@
+@import './variables';
+
+.GraphCardPreviewsSummary-chart.ca-BarChart {
+    flex: 0 0 $ContentInsights-chart-height-small;
+    margin-top: $bdl-grid-unit * 5.5;
+
+    .ca-Bar-value {
+        background: $ContentInsights-chart-color-previews;
+    }
+}

package/es/features/content-insights/GraphGhostState.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Ghost from '../../components/ghost';
+import './GraphGhostState.scss';
+var GRAPH_BAR_HEIGHTS = [28, 36, 54, 80, 36, 48, 28];
+
+var GraphGhostState = function GraphGhostState() {
+  return React.createElement("div", {
+    className: "GraphGhostState"
+  }, GRAPH_BAR_HEIGHTS.map(function (height, index) {
+    return (// eslint-disable-next-line react/no-array-index-key
+      React.createElement(Ghost, {
+        key: index,
+        borderRadius: 4,
+        height: height
+      })
+    );
+  }));
+};
+
+export default GraphGhostState;
+//# sourceMappingURL=GraphGhostState.js.map

package/es/features/content-insights/GraphGhostState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/GraphGhostState.tsx"],"names":["React","Ghost","GRAPH_BAR_HEIGHTS","GraphGhostState","map","height","index"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,OAAO,wBAAP;AAEA,IAAMC,iBAAiB,GAAG,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,CAA1B;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SACpB;AAAK,IAAA,SAAS,EAAC;AAAf,KACKD,iBAAiB,CAACE,GAAlB,CAAsB,UAACC,MAAD,EAASC,KAAT;AAAA,WACnB;AACA,0BAAC,KAAD;AAAO,QAAA,GAAG,EAAEA,KAAZ;AAAmB,QAAA,YAAY,EAAE,CAAjC;AAAoC,QAAA,MAAM,EAAED;AAA5C;AAFmB;AAAA,GAAtB,CADL,CADoB;AAAA,CAAxB;;AASA,eAAeF,eAAf","sourcesContent":["import React from 'react';\nimport Ghost from '../../components/ghost';\n\nimport './GraphGhostState.scss';\n\nconst GRAPH_BAR_HEIGHTS = [28, 36, 54, 80, 36, 48, 28];\n\nconst GraphGhostState = () => (\n    <div className=\"GraphGhostState\">\n        {GRAPH_BAR_HEIGHTS.map((height, index) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <Ghost key={index} borderRadius={4} height={height} />\n        ))}\n    </div>\n);\n\nexport default GraphGhostState;\n"],"file":"GraphGhostState.js"}

package/es/features/content-insights/GraphGhostState.scss

@@ -0,0 +1,11 @@
+@import '../../styles/variables';
+
+.GraphGhostState {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-around;
+
+    .bdl-Ghost + .bdl-Ghost {
+        margin-left: $bdl-grid-unit * .5;
+    }
+}

package/es/features/content-insights/HeaderWithCount.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import CompactCount from './CompactCount';
+import './HeaderWithCount.scss';
+
+function isNumber(count) {
+  return typeof count === 'number';
+}
+
+function HeaderWithCount(_ref) {
+  var title = _ref.title,
+      totalCount = _ref.totalCount;
+  return React.createElement("div", {
+    className: "HeaderWithCount"
+  }, React.createElement("span", {
+    className: "HeaderWithCount-title"
+  }, title), isNumber(totalCount) ? React.createElement(CompactCount, {
+    className: "HeaderWithCount-titleCount",
+    count: totalCount
+  }) : null);
+}
+
+export default HeaderWithCount;
+//# sourceMappingURL=HeaderWithCount.js.map

package/es/features/content-insights/HeaderWithCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/content-insights/HeaderWithCount.tsx"],"names":["React","CompactCount","isNumber","count","HeaderWithCount","title","totalCount"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,OAAO,wBAAP;;AAOA,SAASC,QAAT,CAAkBC,KAAlB,EAAmD;AAC/C,SAAO,OAAOA,KAAP,KAAiB,QAAxB;AACH;;AAED,SAASC,eAAT,OAAuD;AAAA,MAA5BC,KAA4B,QAA5BA,KAA4B;AAAA,MAArBC,UAAqB,QAArBA,UAAqB;AACnD,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACI;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAyCD,KAAzC,CADJ,EAEKH,QAAQ,CAACI,UAAD,CAAR,GAAuB,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAC,4BAAxB;AAAqD,IAAA,KAAK,EAAEA;AAA5D,IAAvB,GAAoG,IAFzG,CADJ;AAMH;;AAED,eAAeF,eAAf","sourcesContent":["import * as React from 'react';\nimport CompactCount from './CompactCount';\n\nimport './HeaderWithCount.scss';\n\ninterface Props {\n    title: string;\n    totalCount?: number;\n}\n\nfunction isNumber(count?: number): count is number {\n    return typeof count === 'number';\n}\n\nfunction HeaderWithCount({ title, totalCount }: Props) {\n    return (\n        <div className=\"HeaderWithCount\">\n            <span className=\"HeaderWithCount-title\">{title}</span>\n            {isNumber(totalCount) ? <CompactCount className=\"HeaderWithCount-titleCount\" count={totalCount} /> : null}\n        </div>\n    );\n}\n\nexport default HeaderWithCount;\n"],"file":"HeaderWithCount.js"}

package/es/features/content-insights/HeaderWithCount.scss

@@ -0,0 +1,10 @@
+@import './mixins';
+
+.HeaderWithCount {
+    @include ContentInsightsHeaderText;
+}
+
+.HeaderWithCount-titleCount::before {
+    margin: 0 $bdl-grid-unit;
+    content: '•';
+}