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

package/es/api/uploads/UploadsReachability.js.flow

@@ -7,7 +7,7 @@
 import axios from 'axios';
 import LocalStore from '../../utils/LocalStore';
 import { DEFAULT_HOSTNAME_UPLOAD, DEFAULT_HOSTNAME_UPLOAD_APP, HEADER_CONTENT_TYPE } from '../../constants';
-import type { StringAnyMap, StringMap } from '../../common/types/core';
+import type { StringAnyMap, StringMixedMap } from '../../common/types/core';
 
 const CACHED_RESULTS_LOCAL_STORE_KEY = 'bcu-uploads-reachability-cached-results';
 
@@ -175,7 +175,7 @@ class UploadsReachability {
      */
     async makeReachabilityRequest(uploadHost: string) {
         const url = `${uploadHost}html5?reachability_test=run`;
-        const headers: StringMap = {
+        const headers: StringMixedMap = {
             [HEADER_CONTENT_TYPE]: 'application/x-www-form-urlencoded; charset=UTF-8',
             'X-File-Name': 'reachability_pseudofile.txt',
             'X-File-Size': '1234',

package/es/api/uploads/UploadsReachability.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/uploads/UploadsReachability.js"],"names":["axios","LocalStore","DEFAULT_HOSTNAME_UPLOAD","DEFAULT_HOSTNAME_UPLOAD_APP","HEADER_CONTENT_TYPE","CACHED_RESULTS_LOCAL_STORE_KEY","UploadsReachability","localStore","cachedResults","populateCachedResultsWithValidLocalStoreValues","saveCachedResultsToLocalStore","getItem","setItem","result","expirationTimestampMS","Date","now","uploadHost","isCachedHostValid","isHostReachable","isReachable","localStoreResults","getCachedResultsFromLocalStore","Object","keys","forEach","unreachableHosts","value","push","cachedResult","getCachedResult","makeReachabilityRequest","updateCachedResult","url","headers","data","post"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Helper for Box uploads reachability test\n * @author Box\n */\n\nimport axios from 'axios';\nimport LocalStore from '../../utils/LocalStore';\nimport { DEFAULT_HOSTNAME_UPLOAD, DEFAULT_HOSTNAME_UPLOAD_APP, HEADER_CONTENT_TYPE } from '../../constants';\nimport type { StringAnyMap, StringMap } from '../../common/types/core';\n\nconst CACHED_RESULTS_LOCAL_STORE_KEY = 'bcu-uploads-reachability-cached-results';\n\ntype CachedResult = {\n    expirationTimestampMS: number,\n    isReachable: boolean,\n};\n\nclass UploadsReachability {\n    localStore: LocalStore;\n\n    cachedResults: { string: CachedResult };\n\n    /**\n     * [constructor]\n     */\n    constructor() {\n        this.localStore = new LocalStore();\n        this.cachedResults = {};\n\n        // Populate cachedResults with valid values from the local store, and then save the new\n        // cachedResults back to local store.\n        // This cleanup of invalid entries is not strictly necessary to maintain correctness,\n        // but if we don't do this cleanup results may accumulate in local storage forever.\n        this.populateCachedResultsWithValidLocalStoreValues();\n        this.saveCachedResultsToLocalStore();\n    }\n\n    /**\n     * Returns existing reachability results from local store\n     *\n     * @private\n     * @return {?Object} The results, or null if there was a problem reading the value from local store\n     */\n    getCachedResultsFromLocalStore() {\n        return this.localStore.getItem(CACHED_RESULTS_LOCAL_STORE_KEY);\n    }\n\n    /**\n     * Saves the cachedResults variable as a JSON string in local store.\n     *\n     * @private\n     * @return {void}\n     */\n    saveCachedResultsToLocalStore() {\n        this.localStore.setItem(CACHED_RESULTS_LOCAL_STORE_KEY, this.cachedResults);\n    }\n\n    /**\n     * Returns true if the given cached result is still valid (i.e. it has not expired yet)\n     *\n     * @private\n     * @param {StringAnyMap} result - A result object for one host\n     * @return {boolean} Whether or not the result is valid\n     */\n    isCachedHostValid(result: StringAnyMap) {\n        return result.expirationTimestampMS > Date.now();\n    }\n\n    /**\n     * Returns the cached result for the given uploadHost\n     *\n     * @private\n     * @param {string} uploadHost - The host URL\n     * @return {null|StringAnyMap} The result object or null if there isn't one\n     */\n    getCachedResult(uploadHost: string) {\n        if (uploadHost in this.cachedResults) {\n            const result = this.cachedResults[uploadHost];\n            if (this.isCachedHostValid(result)) {\n                return result;\n            }\n        }\n\n        return null;\n    }\n\n    /**\n     * Updates a cached result. Changes both the in-memory cachedResult variable and what's stored in local store\n     *\n     * @private\n     * @param {string} uploadHost - The host URL that was tested\n     * @param {boolean} isHostReachable - Whether or not the host was reachable\n     * @return {void}\n     */\n    updateCachedResult(uploadHost: string, isHostReachable: boolean) {\n        this.cachedResults[uploadHost] = {\n            isReachable: isHostReachable,\n            expirationTimestampMS: Date.now() + 1000 * 86400,\n        };\n        this.saveCachedResultsToLocalStore();\n    }\n\n    /**\n     * Adds to the cachedResults object with valid entries from local storage\n     *\n     * @private\n     * @return {void}\n     */\n    populateCachedResultsWithValidLocalStoreValues() {\n        const localStoreResults = this.getCachedResultsFromLocalStore();\n        if (!localStoreResults) {\n            return;\n        }\n\n        Object.keys(localStoreResults).forEach(uploadHost => {\n            const result = localStoreResults[uploadHost];\n            if (this.isCachedHostValid(result)) {\n                this.cachedResults[uploadHost] = result;\n            }\n        });\n    }\n\n    /**\n     * Returns the host URLs that, according to the cached reachability test results, are unreachable\n     *\n     * @return {Array} The unreachable host URLs\n     */\n    getUnreachableHostsUrls() {\n        const unreachableHosts = [];\n        if (!this.cachedResults) {\n            return unreachableHosts;\n        }\n\n        Object.keys(this.cachedResults).forEach(uploadHost => {\n            const value = this.cachedResults[uploadHost];\n            if (this.isCachedHostValid(value) && !value.isReachable) {\n                unreachableHosts.push(uploadHost);\n            }\n        });\n\n        return unreachableHosts;\n    }\n\n    /**\n     * Determines whether the given host is reachable by either making a test request to the uploadHost\n     * or returning the result of the last reachability test it did\n     *\n     * @param {string} uploadHost - The upload host URL that will be stored in the cached test result and returned in\n     * getUnreachableHostsUrls() if test fails (this is usually a prefix of the uploadUrl)\n     * @return {Promise<boolean>} Promise that resolved to true if the host is reachable, false if it is not\n     */\n    async isReachable(uploadHost: string) {\n        // The default upload host should always reachable\n        if (uploadHost === `${DEFAULT_HOSTNAME_UPLOAD}/` || uploadHost === `${DEFAULT_HOSTNAME_UPLOAD_APP}/`) {\n            return true;\n        }\n\n        const cachedResult = this.getCachedResult(uploadHost);\n        if (cachedResult) {\n            return cachedResult.isReachable;\n        }\n\n        const isHostReachable = await this.makeReachabilityRequest(uploadHost);\n        this.updateCachedResult(uploadHost, isHostReachable);\n        return isHostReachable;\n    }\n\n    /**\n     * Determines if the given uploadHost is reachable by making a test upload request to it.\n     * Does not read or modify any cached results.\n     *\n     * @param {string} uploadHost - The upload host url to make a test request against\n     * @return {Promise<boolean>}\n     */\n    async makeReachabilityRequest(uploadHost: string) {\n        const url = `${uploadHost}html5?reachability_test=run`;\n        const headers: StringMap = {\n            [HEADER_CONTENT_TYPE]: 'application/x-www-form-urlencoded; charset=UTF-8',\n            'X-File-Name': 'reachability_pseudofile.txt',\n            'X-File-Size': '1234',\n        };\n        const data = 'reachability_file=test_file_data';\n\n        try {\n            await axios.post(url, data, { headers });\n        } catch (error) {\n            return false;\n        }\n\n        return true;\n    }\n}\n\nexport default UploadsReachability;\n"],"file":"UploadsReachability.js"}
+{"version":3,"sources":["../../../src/api/uploads/UploadsReachability.js"],"names":["axios","LocalStore","DEFAULT_HOSTNAME_UPLOAD","DEFAULT_HOSTNAME_UPLOAD_APP","HEADER_CONTENT_TYPE","CACHED_RESULTS_LOCAL_STORE_KEY","UploadsReachability","localStore","cachedResults","populateCachedResultsWithValidLocalStoreValues","saveCachedResultsToLocalStore","getItem","setItem","result","expirationTimestampMS","Date","now","uploadHost","isCachedHostValid","isHostReachable","isReachable","localStoreResults","getCachedResultsFromLocalStore","Object","keys","forEach","unreachableHosts","value","push","cachedResult","getCachedResult","makeReachabilityRequest","updateCachedResult","url","headers","data","post"],"mappings":";;;;;;;;;;;;AAAA;;;;;AAMA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAASC,uBAAT,EAAkCC,2BAAlC,EAA+DC,mBAA/D,QAA0F,iBAA1F;AAGA,IAAMC,8BAA8B,GAAG,yCAAvC;;IAOMC,mB;;;AAKF;;;AAGA,iCAAc;AAAA;;AACV,SAAKC,UAAL,GAAkB,IAAIN,UAAJ,EAAlB;AACA,SAAKO,aAAL,GAAqB,EAArB,CAFU,CAIV;AACA;AACA;AACA;;AACA,SAAKC,8CAAL;AACA,SAAKC,6BAAL;AACH;AAED;;;;;;;;;;qDAMiC;AAC7B,aAAO,KAAKH,UAAL,CAAgBI,OAAhB,CAAwBN,8BAAxB,CAAP;AACH;AAED;;;;;;;;;oDAMgC;AAC5B,WAAKE,UAAL,CAAgBK,OAAhB,CAAwBP,8BAAxB,EAAwD,KAAKG,aAA7D;AACH;AAED;;;;;;;;;;sCAOkBK,M,EAAsB;AACpC,aAAOA,MAAM,CAACC,qBAAP,GAA+BC,IAAI,CAACC,GAAL,EAAtC;AACH;AAED;;;;;;;;;;oCAOgBC,U,EAAoB;AAChC,UAAIA,UAAU,IAAI,KAAKT,aAAvB,EAAsC;AAClC,YAAMK,MAAM,GAAG,KAAKL,aAAL,CAAmBS,UAAnB,CAAf;;AACA,YAAI,KAAKC,iBAAL,CAAuBL,MAAvB,CAAJ,EAAoC;AAChC,iBAAOA,MAAP;AACH;AACJ;;AAED,aAAO,IAAP;AACH;AAED;;;;;;;;;;;uCAQmBI,U,EAAoBE,e,EAA0B;AAC7D,WAAKX,aAAL,CAAmBS,UAAnB,IAAiC;AAC7BG,QAAAA,WAAW,EAAED,eADgB;AAE7BL,QAAAA,qBAAqB,EAAEC,IAAI,CAACC,GAAL,KAAa,OAAO;AAFd,OAAjC;AAIA,WAAKN,6BAAL;AACH;AAED;;;;;;;;;qEAMiD;AAAA;;AAC7C,UAAMW,iBAAiB,GAAG,KAAKC,8BAAL,EAA1B;;AACA,UAAI,CAACD,iBAAL,EAAwB;AACpB;AACH;;AAEDE,MAAAA,MAAM,CAACC,IAAP,CAAYH,iBAAZ,EAA+BI,OAA/B,CAAuC,UAAAR,UAAU,EAAI;AACjD,YAAMJ,MAAM,GAAGQ,iBAAiB,CAACJ,UAAD,CAAhC;;AACA,YAAI,KAAI,CAACC,iBAAL,CAAuBL,MAAvB,CAAJ,EAAoC;AAChC,UAAA,KAAI,CAACL,aAAL,CAAmBS,UAAnB,IAAiCJ,MAAjC;AACH;AACJ,OALD;AAMH;AAED;;;;;;;;8CAK0B;AAAA;;AACtB,UAAMa,gBAAgB,GAAG,EAAzB;;AACA,UAAI,CAAC,KAAKlB,aAAV,EAAyB;AACrB,eAAOkB,gBAAP;AACH;;AAEDH,MAAAA,MAAM,CAACC,IAAP,CAAY,KAAKhB,aAAjB,EAAgCiB,OAAhC,CAAwC,UAAAR,UAAU,EAAI;AAClD,YAAMU,KAAK,GAAG,MAAI,CAACnB,aAAL,CAAmBS,UAAnB,CAAd;;AACA,YAAI,MAAI,CAACC,iBAAL,CAAuBS,KAAvB,KAAiC,CAACA,KAAK,CAACP,WAA5C,EAAyD;AACrDM,UAAAA,gBAAgB,CAACE,IAAjB,CAAsBX,UAAtB;AACH;AACJ,OALD;AAOA,aAAOS,gBAAP;AACH;AAED;;;;;;;;;;;;;;+CAQkBT,U;;;;;;sBAEVA,UAAU,eAAQf,uBAAR,MAAV,IAAgDe,UAAU,eAAQd,2BAAR,M;;;;;iDACnD,I;;;AAGL0B,gBAAAA,Y,GAAe,KAAKC,eAAL,CAAqBb,UAArB,C;;qBACjBY,Y;;;;;iDACOA,YAAY,CAACT,W;;;;uBAGM,KAAKW,uBAAL,CAA6Bd,UAA7B,C;;;AAAxBE,gBAAAA,e;AACN,qBAAKa,kBAAL,CAAwBf,UAAxB,EAAoCE,eAApC;iDACOA,e;;;;;;;;;;;;;;;;AAGX;;;;;;;;;;;;;gDAO8BF,U;;;;;;;;AACpBgB,gBAAAA,G,aAAShB,U;AACTiB,gBAAAA,O,6CACD9B,mB,EAAsB,kD,6BACvB,a,EAAe,6B,6BACf,a,EAAe,M;AAEb+B,gBAAAA,I,GAAO,kC;;;uBAGHnC,KAAK,CAACoC,IAAN,CAAWH,GAAX,EAAgBE,IAAhB,EAAsB;AAAED,kBAAAA,OAAO,EAAPA;AAAF,iBAAtB,C;;;;;;;;;kDAEC,K;;;kDAGJ,I;;;;;;;;;;;;;;;;;;;;;AAIf,eAAe5B,mBAAf","sourcesContent":["/**\n * @flow\n * @file Helper for Box uploads reachability test\n * @author Box\n */\n\nimport axios from 'axios';\nimport LocalStore from '../../utils/LocalStore';\nimport { DEFAULT_HOSTNAME_UPLOAD, DEFAULT_HOSTNAME_UPLOAD_APP, HEADER_CONTENT_TYPE } from '../../constants';\nimport type { StringAnyMap, StringMixedMap } from '../../common/types/core';\n\nconst CACHED_RESULTS_LOCAL_STORE_KEY = 'bcu-uploads-reachability-cached-results';\n\ntype CachedResult = {\n    expirationTimestampMS: number,\n    isReachable: boolean,\n};\n\nclass UploadsReachability {\n    localStore: LocalStore;\n\n    cachedResults: { string: CachedResult };\n\n    /**\n     * [constructor]\n     */\n    constructor() {\n        this.localStore = new LocalStore();\n        this.cachedResults = {};\n\n        // Populate cachedResults with valid values from the local store, and then save the new\n        // cachedResults back to local store.\n        // This cleanup of invalid entries is not strictly necessary to maintain correctness,\n        // but if we don't do this cleanup results may accumulate in local storage forever.\n        this.populateCachedResultsWithValidLocalStoreValues();\n        this.saveCachedResultsToLocalStore();\n    }\n\n    /**\n     * Returns existing reachability results from local store\n     *\n     * @private\n     * @return {?Object} The results, or null if there was a problem reading the value from local store\n     */\n    getCachedResultsFromLocalStore() {\n        return this.localStore.getItem(CACHED_RESULTS_LOCAL_STORE_KEY);\n    }\n\n    /**\n     * Saves the cachedResults variable as a JSON string in local store.\n     *\n     * @private\n     * @return {void}\n     */\n    saveCachedResultsToLocalStore() {\n        this.localStore.setItem(CACHED_RESULTS_LOCAL_STORE_KEY, this.cachedResults);\n    }\n\n    /**\n     * Returns true if the given cached result is still valid (i.e. it has not expired yet)\n     *\n     * @private\n     * @param {StringAnyMap} result - A result object for one host\n     * @return {boolean} Whether or not the result is valid\n     */\n    isCachedHostValid(result: StringAnyMap) {\n        return result.expirationTimestampMS > Date.now();\n    }\n\n    /**\n     * Returns the cached result for the given uploadHost\n     *\n     * @private\n     * @param {string} uploadHost - The host URL\n     * @return {null|StringAnyMap} The result object or null if there isn't one\n     */\n    getCachedResult(uploadHost: string) {\n        if (uploadHost in this.cachedResults) {\n            const result = this.cachedResults[uploadHost];\n            if (this.isCachedHostValid(result)) {\n                return result;\n            }\n        }\n\n        return null;\n    }\n\n    /**\n     * Updates a cached result. Changes both the in-memory cachedResult variable and what's stored in local store\n     *\n     * @private\n     * @param {string} uploadHost - The host URL that was tested\n     * @param {boolean} isHostReachable - Whether or not the host was reachable\n     * @return {void}\n     */\n    updateCachedResult(uploadHost: string, isHostReachable: boolean) {\n        this.cachedResults[uploadHost] = {\n            isReachable: isHostReachable,\n            expirationTimestampMS: Date.now() + 1000 * 86400,\n        };\n        this.saveCachedResultsToLocalStore();\n    }\n\n    /**\n     * Adds to the cachedResults object with valid entries from local storage\n     *\n     * @private\n     * @return {void}\n     */\n    populateCachedResultsWithValidLocalStoreValues() {\n        const localStoreResults = this.getCachedResultsFromLocalStore();\n        if (!localStoreResults) {\n            return;\n        }\n\n        Object.keys(localStoreResults).forEach(uploadHost => {\n            const result = localStoreResults[uploadHost];\n            if (this.isCachedHostValid(result)) {\n                this.cachedResults[uploadHost] = result;\n            }\n        });\n    }\n\n    /**\n     * Returns the host URLs that, according to the cached reachability test results, are unreachable\n     *\n     * @return {Array} The unreachable host URLs\n     */\n    getUnreachableHostsUrls() {\n        const unreachableHosts = [];\n        if (!this.cachedResults) {\n            return unreachableHosts;\n        }\n\n        Object.keys(this.cachedResults).forEach(uploadHost => {\n            const value = this.cachedResults[uploadHost];\n            if (this.isCachedHostValid(value) && !value.isReachable) {\n                unreachableHosts.push(uploadHost);\n            }\n        });\n\n        return unreachableHosts;\n    }\n\n    /**\n     * Determines whether the given host is reachable by either making a test request to the uploadHost\n     * or returning the result of the last reachability test it did\n     *\n     * @param {string} uploadHost - The upload host URL that will be stored in the cached test result and returned in\n     * getUnreachableHostsUrls() if test fails (this is usually a prefix of the uploadUrl)\n     * @return {Promise<boolean>} Promise that resolved to true if the host is reachable, false if it is not\n     */\n    async isReachable(uploadHost: string) {\n        // The default upload host should always reachable\n        if (uploadHost === `${DEFAULT_HOSTNAME_UPLOAD}/` || uploadHost === `${DEFAULT_HOSTNAME_UPLOAD_APP}/`) {\n            return true;\n        }\n\n        const cachedResult = this.getCachedResult(uploadHost);\n        if (cachedResult) {\n            return cachedResult.isReachable;\n        }\n\n        const isHostReachable = await this.makeReachabilityRequest(uploadHost);\n        this.updateCachedResult(uploadHost, isHostReachable);\n        return isHostReachable;\n    }\n\n    /**\n     * Determines if the given uploadHost is reachable by making a test upload request to it.\n     * Does not read or modify any cached results.\n     *\n     * @param {string} uploadHost - The upload host url to make a test request against\n     * @return {Promise<boolean>}\n     */\n    async makeReachabilityRequest(uploadHost: string) {\n        const url = `${uploadHost}html5?reachability_test=run`;\n        const headers: StringMixedMap = {\n            [HEADER_CONTENT_TYPE]: 'application/x-www-form-urlencoded; charset=UTF-8',\n            'X-File-Name': 'reachability_pseudofile.txt',\n            'X-File-Size': '1234',\n        };\n        const data = 'reachability_file=test_file_data';\n\n        try {\n            await axios.post(url, data, { headers });\n        } catch (error) {\n            return false;\n        }\n\n        return true;\n    }\n}\n\nexport default UploadsReachability;\n"],"file":"UploadsReachability.js"}

package/es/common/messages.js

@@ -71,6 +71,10 @@ var messages = defineMessages({
   requiredFieldError: {
     "id": "boxui.validation.requiredError",
     "defaultMessage": "Required Field"
+  },
+  invalidDateError: {
+    "id": "boxui.validation.invalidDateError",
+    "defaultMessage": "Invalid Date"
   }
 });
 export default messages;

package/es/common/messages.js.flow

@@ -92,6 +92,11 @@ const messages = defineMessages({
         description: 'Error message for when a required field is missing',
         id: 'boxui.validation.requiredError',
     },
+    invalidDateError: {
+        defaultMessage: 'Invalid Date',
+        description: 'Error message for when an invalid Date is entered',
+        id: 'boxui.validation.invalidDateError',
+    },
 });
 
 export default messages;

package/es/common/messages.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/messages.js"],"names":["defineMessages","messages","cancel","close","copy","copied","done","okay","save","send","optional","pillSelectorPlaceholder","messageSelectorPlaceholder","invalidInputError","minLengthError","maxLengthError","invalidEmailError","invalidURLError","invalidUserError","requiredFieldError"],"mappings":"AACA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,MAAM;AAAA;AAAA;AAAA,GADsB;AAM5BC,EAAAA,KAAK;AAAA;AAAA;AAAA,GANuB;AAW5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GAXwB;AAgB5BC,EAAAA,MAAM;AAAA;AAAA;AAAA,GAhBsB;AAqB5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GArBwB;AA0B5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GA1BwB;AA+B5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GA/BwB;AAoC5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GApCwB;AAyC5BC,EAAAA,QAAQ;AAAA;AAAA;AAAA,GAzCoB;AA8C5BC,EAAAA,uBAAuB;AAAA;AAAA;AAAA,GA9CK;AAmD5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GAnDE;AAwD5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAxDW;AA6D5BC,EAAAA,cAAc;AAAA;AAAA;AAAA,GA7Dc;AAkE5BC,EAAAA,cAAc;AAAA;AAAA;AAAA,GAlEc;AAuE5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAvEW;AA4E5BC,EAAAA,eAAe;AAAA;AAAA;AAAA,GA5Ea;AAiF5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA,GAjFY;AAsF5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA;AAtFU,CAAD,CAA/B;AA6FA,eAAelB,QAAf","sourcesContent":["// @flow\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    cancel: {\n        defaultMessage: 'Cancel',\n        description: 'Cancel button text',\n        id: 'boxui.core.cancel',\n    },\n    close: {\n        defaultMessage: 'Close',\n        description: 'Close button text',\n        id: 'boxui.core.close',\n    },\n    copy: {\n        defaultMessage: 'Copy',\n        description: 'Copy button text',\n        id: 'boxui.core.copy',\n    },\n    copied: {\n        defaultMessage: 'Copied',\n        description: 'Copy button text after user clicks on it',\n        id: 'boxui.core.copied',\n    },\n    done: {\n        defaultMessage: 'Done',\n        description: 'Done button text',\n        id: 'boxui.core.done',\n    },\n    okay: {\n        defaultMessage: 'Okay',\n        description: 'Okay button text',\n        id: 'boxui.core.okay',\n    },\n    save: {\n        defaultMessage: 'Save',\n        description: 'Save button text',\n        id: 'boxui.core.save',\n    },\n    send: {\n        defaultMessage: 'Send',\n        description: 'Send button text',\n        id: 'boxui.core.send',\n    },\n    optional: {\n        defaultMessage: 'optional',\n        description: 'Optional text for labels',\n        id: 'boxui.core.optional',\n    },\n    pillSelectorPlaceholder: {\n        defaultMessage: 'Add names or email addresses',\n        description: 'Placeholder text for the pill selector',\n        id: 'boxui.share.pillSelectorPlaceholder',\n    },\n    messageSelectorPlaceholder: {\n        defaultMessage: 'Add a message',\n        description: 'Placeholder text for message section',\n        id: 'boxui.share.messageSelectorPlaceholder',\n    },\n    invalidInputError: {\n        defaultMessage: 'Invalid Input',\n        description: 'Generic error message for a field is invalid',\n        id: 'boxui.validation.genericError',\n    },\n    minLengthError: {\n        defaultMessage: 'Input must be at least {min} characters',\n        description: 'Error message for when an input value is too short. {min} is the minimum length',\n        id: 'boxui.validation.tooShortError',\n    },\n    maxLengthError: {\n        defaultMessage: 'Input cannot exceed {max} characters',\n        description: 'Error message for when an input value is too long. {max} is the maximum length',\n        id: 'boxui.validation.tooLongError',\n    },\n    invalidEmailError: {\n        defaultMessage: 'Invalid Email Address',\n        description: 'Error message for when an invalid email is entered',\n        id: 'boxui.validation.emailError',\n    },\n    invalidURLError: {\n        defaultMessage: 'Invalid URL',\n        description: 'Error message for when an invalid URL is entered',\n        id: 'boxui.validation.URLError',\n    },\n    invalidUserError: {\n        defaultMessage: 'Invalid User',\n        description: 'Error message for when an invalid user is entered',\n        id: 'boxui.validation.invalidUserError',\n    },\n    requiredFieldError: {\n        defaultMessage: 'Required Field',\n        description: 'Error message for when a required field is missing',\n        id: 'boxui.validation.requiredError',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}
+{"version":3,"sources":["../../src/common/messages.js"],"names":["defineMessages","messages","cancel","close","copy","copied","done","okay","save","send","optional","pillSelectorPlaceholder","messageSelectorPlaceholder","invalidInputError","minLengthError","maxLengthError","invalidEmailError","invalidURLError","invalidUserError","requiredFieldError","invalidDateError"],"mappings":"AACA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,MAAM;AAAA;AAAA;AAAA,GADsB;AAM5BC,EAAAA,KAAK;AAAA;AAAA;AAAA,GANuB;AAW5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GAXwB;AAgB5BC,EAAAA,MAAM;AAAA;AAAA;AAAA,GAhBsB;AAqB5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GArBwB;AA0B5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GA1BwB;AA+B5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GA/BwB;AAoC5BC,EAAAA,IAAI;AAAA;AAAA;AAAA,GApCwB;AAyC5BC,EAAAA,QAAQ;AAAA;AAAA;AAAA,GAzCoB;AA8C5BC,EAAAA,uBAAuB;AAAA;AAAA;AAAA,GA9CK;AAmD5BC,EAAAA,0BAA0B;AAAA;AAAA;AAAA,GAnDE;AAwD5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAxDW;AA6D5BC,EAAAA,cAAc;AAAA;AAAA;AAAA,GA7Dc;AAkE5BC,EAAAA,cAAc;AAAA;AAAA;AAAA,GAlEc;AAuE5BC,EAAAA,iBAAiB;AAAA;AAAA;AAAA,GAvEW;AA4E5BC,EAAAA,eAAe;AAAA;AAAA;AAAA,GA5Ea;AAiF5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA,GAjFY;AAsF5BC,EAAAA,kBAAkB;AAAA;AAAA;AAAA,GAtFU;AA2F5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA;AA3FY,CAAD,CAA/B;AAkGA,eAAenB,QAAf","sourcesContent":["// @flow\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    cancel: {\n        defaultMessage: 'Cancel',\n        description: 'Cancel button text',\n        id: 'boxui.core.cancel',\n    },\n    close: {\n        defaultMessage: 'Close',\n        description: 'Close button text',\n        id: 'boxui.core.close',\n    },\n    copy: {\n        defaultMessage: 'Copy',\n        description: 'Copy button text',\n        id: 'boxui.core.copy',\n    },\n    copied: {\n        defaultMessage: 'Copied',\n        description: 'Copy button text after user clicks on it',\n        id: 'boxui.core.copied',\n    },\n    done: {\n        defaultMessage: 'Done',\n        description: 'Done button text',\n        id: 'boxui.core.done',\n    },\n    okay: {\n        defaultMessage: 'Okay',\n        description: 'Okay button text',\n        id: 'boxui.core.okay',\n    },\n    save: {\n        defaultMessage: 'Save',\n        description: 'Save button text',\n        id: 'boxui.core.save',\n    },\n    send: {\n        defaultMessage: 'Send',\n        description: 'Send button text',\n        id: 'boxui.core.send',\n    },\n    optional: {\n        defaultMessage: 'optional',\n        description: 'Optional text for labels',\n        id: 'boxui.core.optional',\n    },\n    pillSelectorPlaceholder: {\n        defaultMessage: 'Add names or email addresses',\n        description: 'Placeholder text for the pill selector',\n        id: 'boxui.share.pillSelectorPlaceholder',\n    },\n    messageSelectorPlaceholder: {\n        defaultMessage: 'Add a message',\n        description: 'Placeholder text for message section',\n        id: 'boxui.share.messageSelectorPlaceholder',\n    },\n    invalidInputError: {\n        defaultMessage: 'Invalid Input',\n        description: 'Generic error message for a field is invalid',\n        id: 'boxui.validation.genericError',\n    },\n    minLengthError: {\n        defaultMessage: 'Input must be at least {min} characters',\n        description: 'Error message for when an input value is too short. {min} is the minimum length',\n        id: 'boxui.validation.tooShortError',\n    },\n    maxLengthError: {\n        defaultMessage: 'Input cannot exceed {max} characters',\n        description: 'Error message for when an input value is too long. {max} is the maximum length',\n        id: 'boxui.validation.tooLongError',\n    },\n    invalidEmailError: {\n        defaultMessage: 'Invalid Email Address',\n        description: 'Error message for when an invalid email is entered',\n        id: 'boxui.validation.emailError',\n    },\n    invalidURLError: {\n        defaultMessage: 'Invalid URL',\n        description: 'Error message for when an invalid URL is entered',\n        id: 'boxui.validation.URLError',\n    },\n    invalidUserError: {\n        defaultMessage: 'Invalid User',\n        description: 'Error message for when an invalid user is entered',\n        id: 'boxui.validation.invalidUserError',\n    },\n    requiredFieldError: {\n        defaultMessage: 'Required Field',\n        description: 'Error message for when a required field is missing',\n        id: 'boxui.validation.requiredError',\n    },\n    invalidDateError: {\n        defaultMessage: 'Invalid Date',\n        description: 'Error message for when an invalid Date is entered',\n        id: 'boxui.validation.invalidDateError',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}

package/es/common/types/core.js.flow

@@ -49,6 +49,7 @@ type ClassComponent<P, S> = Class<React$Component<P, S>>;
 // }
 type StringMap = { [string]: string };
 type StringAnyMap = { [string]: any };
+type StringMixedMap = { [string]: mixed };
 type StringBooleanMap = { [string]: boolean };
 type NumberBooleanMap = { [number]: boolean };
 
@@ -470,6 +471,7 @@ export type {
     ClassComponent,
     StringMap,
     StringAnyMap,
+    StringMixedMap,
     StringBooleanMap,
     NumberBooleanMap,
     Access,

package/es/common/types/core.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/common/types/core.js"],"names":["ITEM_TYPE_FOLDER","ITEM_TYPE_FILE","ITEM_TYPE_WEBLINK","ACCESS_OPEN","ACCESS_COLLAB","ACCESS_COMPANY","ACCESS_NONE","VIEW_SEARCH","VIEW_FOLDER","VIEW_ERROR","VIEW_SELECTED","VIEW_RECENTS","VIEW_UPLOAD_EMPTY","VIEW_UPLOAD_IN_PROGRESS","VIEW_UPLOAD_SUCCESS","VIEW_METADATA","SORT_ASC","SORT_DESC","DELIMITER_SLASH","DELIMITER_CARET","SIZE_SMALL","SIZE_MEDIUM","SIZE_LARGE","SIZE_VERY_LARGE","FIELD_DATE","FIELD_NAME","FIELD_SIZE","FIELD_RELEVANCE","DEFAULT_VIEW_RECENTS","DEFAULT_VIEW_FILES","VERSION_RETENTION_DELETE_ACTION","VERSION_RETENTION_REMOVE_ACTION","VERSION_RETENTION_INDEFINITE","PERMISSION_CAN_DOWNLOAD","PERMISSION_CAN_PREVIEW"],"mappings":"AACA,SAASA,gBAAT,EAA2BC,cAA3B,EAA2CC,iBAA3C,QAAoE,cAApE;AACA,SACIC,WADJ,EAEIC,aAFJ,EAGIC,cAHJ,EAIIC,WAJJ,EAKIC,WALJ,EAMIC,WANJ,EAOIC,UAPJ,EAQIC,aARJ,EASIC,YATJ,EAUIC,iBAVJ,EAWIC,uBAXJ,EAYIC,mBAZJ,EAaIC,aAbJ,EAcIC,QAdJ,EAeIC,SAfJ,EAgBIC,eAhBJ,EAiBIC,eAjBJ,EAkBIC,UAlBJ,EAmBIC,WAnBJ,EAoBIC,UApBJ,EAqBIC,eArBJ,EAsBIC,UAtBJ,EAuBIC,UAvBJ,EAwBIC,UAxBJ,EAyBIC,eAzBJ,EA0BIC,oBA1BJ,EA2BIC,kBA3BJ,EA4BIC,+BA5BJ,EA6BIC,+BA7BJ,EA8BIC,4BA9BJ,EA+BIC,uBA/BJ,EAgCIC,sBAhCJ,QAiCO,iBAjCP","sourcesContent":["// @flow\nimport { ITEM_TYPE_FOLDER, ITEM_TYPE_FILE, ITEM_TYPE_WEBLINK } from '../constants';\nimport {\n    ACCESS_OPEN,\n    ACCESS_COLLAB,\n    ACCESS_COMPANY,\n    ACCESS_NONE,\n    VIEW_SEARCH,\n    VIEW_FOLDER,\n    VIEW_ERROR,\n    VIEW_SELECTED,\n    VIEW_RECENTS,\n    VIEW_UPLOAD_EMPTY,\n    VIEW_UPLOAD_IN_PROGRESS,\n    VIEW_UPLOAD_SUCCESS,\n    VIEW_METADATA,\n    SORT_ASC,\n    SORT_DESC,\n    DELIMITER_SLASH,\n    DELIMITER_CARET,\n    SIZE_SMALL,\n    SIZE_MEDIUM,\n    SIZE_LARGE,\n    SIZE_VERY_LARGE,\n    FIELD_DATE,\n    FIELD_NAME,\n    FIELD_SIZE,\n    FIELD_RELEVANCE,\n    DEFAULT_VIEW_RECENTS,\n    DEFAULT_VIEW_FILES,\n    VERSION_RETENTION_DELETE_ACTION,\n    VERSION_RETENTION_REMOVE_ACTION,\n    VERSION_RETENTION_INDEFINITE,\n    PERMISSION_CAN_DOWNLOAD,\n    PERMISSION_CAN_PREVIEW,\n} from '../../constants';\nimport type { MetadataType } from './metadata';\n\ntype Token = null | typeof undefined | string | Function;\ntype TokenReadWrite = { read: string, write?: string };\ntype TokenLiteral = null | typeof undefined | string | TokenReadWrite;\n\ntype ClassComponent<P, S> = Class<React$Component<P, S>>;\n\n// TODO: Investigate some better types for these different maps, perhaps make use\n// of generic types like:\n// type GenericMap<K, V> = {\n//    [K]: V,\n// }\ntype StringMap = { [string]: string };\ntype StringAnyMap = { [string]: any };\ntype StringBooleanMap = { [string]: boolean };\ntype NumberBooleanMap = { [number]: boolean };\n\ntype DefaultView = typeof DEFAULT_VIEW_RECENTS | typeof DEFAULT_VIEW_FILES;\ntype View =\n    | typeof VIEW_ERROR\n    | typeof VIEW_SELECTED\n    | typeof VIEW_RECENTS\n    | typeof VIEW_FOLDER\n    | typeof VIEW_SEARCH\n    | typeof VIEW_UPLOAD_EMPTY\n    | typeof VIEW_UPLOAD_IN_PROGRESS\n    | typeof VIEW_UPLOAD_SUCCESS\n    | typeof VIEW_METADATA;\n\ntype SortBy = typeof FIELD_DATE | typeof FIELD_NAME | typeof FIELD_RELEVANCE | typeof FIELD_SIZE;\ntype SortDirection = typeof SORT_ASC | typeof SORT_DESC;\ntype Delimiter = typeof DELIMITER_SLASH | typeof DELIMITER_CARET;\ntype Size = typeof SIZE_SMALL | typeof SIZE_MEDIUM | typeof SIZE_LARGE | typeof SIZE_VERY_LARGE;\n\ntype Order = {\n    by: SortBy,\n    direction: SortDirection,\n};\n\ntype Access = typeof ACCESS_COLLAB | typeof ACCESS_COMPANY | typeof ACCESS_OPEN | typeof ACCESS_NONE;\n\ntype NoticeType = 'info' | 'error';\n\ntype InlineNoticeType = NoticeType | 'warning' | 'success' | 'generic';\n\ntype NotificationType = NoticeType | 'default' | 'warn';\n\ntype ItemType = typeof ITEM_TYPE_FOLDER | typeof ITEM_TYPE_FILE | typeof ITEM_TYPE_WEBLINK;\n\ntype FileMini = {\n    id: string,\n    name: string,\n    type: typeof ITEM_TYPE_FILE,\n};\n\ntype FolderMini = {\n    id: string,\n    name: string,\n    type: typeof ITEM_TYPE_FOLDER,\n};\n\ntype UserMini = {\n    avatar_url?: string,\n    email?: string,\n    enterprise?: {\n        id: string,\n        name: string,\n        type: 'enterprise',\n    },\n    hostname?: string,\n    id: string,\n    login?: string,\n    name: string,\n    status?: string,\n    type: 'user',\n};\n\ntype ContactCollection = {\n    isLoaded?: boolean,\n    limit?: number,\n    next_marker?: string,\n    offset?: number,\n    order?: Array<Order>,\n    previous_marker?: string,\n    total_count?: number,\n};\n\ntype User = UserMini;\n\ntype UserCollection = ContactCollection & {\n    entries?: Array<User>,\n};\n\ntype GroupMini = {\n    id: string,\n    name: string,\n    permissions?: {\n        can_invite_as_collaborator: boolean,\n    },\n    type: 'group',\n};\n\ntype GroupCollection = ContactCollection & {\n    entries?: Array<GroupMini>,\n};\n\ntype ISODate = string;\n\ntype MarkerPaginatedCollection<T> = {\n    entries: T[],\n    limit: number,\n    next_marker: ?string,\n};\n\n// Used for things like collaborator search\n// NOTE: PillSelectorDropdown requires an additional \"text\" or \"displayText\" field\ntype SelectorItem<T: any = any> = {\n    id: string,\n    item?: T, // ie UserMini or GroupMini\n    name: string,\n    value?: any,\n};\n\ntype SelectorItems<T: any = any> = Array<SelectorItem<T>>;\n\ntype Crumb = {\n    id?: string,\n    name: string,\n};\n\ntype BoxItemClassification = {\n    color: string,\n    definition: string,\n    name: string,\n};\n\ntype BoxItemPermission = {\n    can_annotate?: boolean,\n    can_comment?: boolean,\n    can_create_annotations?: boolean,\n    can_delete?: boolean,\n    can_download?: boolean,\n    can_edit?: boolean,\n    can_invite_collaborator?: boolean,\n    can_preview?: boolean,\n    can_rename?: boolean,\n    can_set_share_access?: boolean,\n    can_share?: boolean,\n    can_upload?: boolean,\n    can_view_annotations?: boolean,\n    can_view_annotations_all?: boolean,\n    can_view_annotations_self?: boolean,\n};\n\ntype BoxItemVersionPermission = {\n    can_delete?: boolean,\n    can_download?: boolean,\n    can_preview?: boolean,\n    can_upload?: boolean,\n};\n\ntype BoxItemVersionRetentionPolicy = {\n    disposition_action: typeof VERSION_RETENTION_DELETE_ACTION | typeof VERSION_RETENTION_REMOVE_ACTION,\n    id: string,\n    policy_name: string,\n    retention_length: typeof VERSION_RETENTION_INDEFINITE | string, // length in days\n    type: 'retention_policy',\n};\n\ntype BoxItemVersionRetention = {\n    applied_at: string,\n    disposition_at: string,\n    id: string,\n    type: 'file_version_retention',\n    winning_retention_policy: BoxItemVersionRetentionPolicy,\n};\n\ntype BoxItemVersion = {\n    authenticated_download_url?: string,\n    collaborators?: Object,\n    created_at: string,\n    extension?: string,\n    id: string,\n    is_download_available?: boolean,\n    modified_at?: string,\n    modified_by: ?User,\n    name?: string,\n    permissions?: BoxItemVersionPermission,\n    restored_at?: string,\n    restored_by?: ?User,\n    retention?: BoxItemVersionRetention,\n    sha1?: string,\n    size?: number,\n    trashed_at: ?string,\n    trashed_by?: ?User,\n    type: 'file_version',\n    uploader_display_name?: string,\n    version_end?: number,\n    version_number: string,\n    version_promoted?: string,\n    version_start?: number,\n    versions?: Array<BoxItemVersion>,\n};\n\ntype BoxItemVersionMini = {\n    id: string,\n    type: 'version',\n    version_number: string,\n};\n\ntype BoxPathCollection = {\n    entries: Array<Crumb>,\n    total_count: number,\n};\n\ntype FileRepresentation = {\n    content?: {\n        url_template: string,\n    },\n    info?: {\n        url: string,\n    },\n    properties?: {\n        dimensions: string,\n        paged: string,\n        thumb: string,\n    },\n    representation?: string,\n    status: {\n        state: ?string,\n    },\n};\n\ntype FileRepresentationResponse = {\n    entries: Array<FileRepresentation>,\n};\n\ntype SharedLink = {\n    access: Access,\n    download_count?: number,\n    download_url?: string,\n    effective_access?: Access,\n    effective_permission?: typeof PERMISSION_CAN_DOWNLOAD | typeof PERMISSION_CAN_PREVIEW,\n    is_password_enabled?: boolean,\n    password?: string | null, // the API requires a null value to remove a password\n    permissions?: BoxItemPermission,\n    preview_count?: number,\n    unshared_at?: string | null,\n    url: string,\n    vanity_name?: string,\n    vanity_url?: string,\n};\n\ntype SharedLinkFeatures = {\n    download_url: boolean,\n    password: boolean,\n    vanity_name: boolean,\n};\n\ntype BoxItem = {\n    allowed_shared_link_access_levels?: Array<Access>,\n    authenticated_download_url?: string,\n    content_created_at?: string,\n    content_modified_at?: string,\n    created_at?: string,\n    created_by?: User,\n    description?: string,\n    download_url?: string,\n    extension?: string,\n    file_version?: BoxItemVersion,\n    has_collaborations?: boolean,\n    id: string,\n    interacted_at?: string,\n    is_download_available?: boolean,\n    is_externally_owned?: boolean,\n    item_collection?: BoxItemCollection, // eslint-disable-line no-use-before-define\n    metadata?: MetadataType,\n    modified_at?: string,\n    modified_by?: User,\n    name?: string,\n    owned_by?: User,\n    parent?: BoxItem,\n    path_collection?: BoxPathCollection,\n    permissions?: BoxItemPermission,\n    representations?: FileRepresentationResponse,\n    restored_from?: BoxItemVersion,\n    selected?: boolean,\n    shared_link?: SharedLink,\n    shared_link_features?: SharedLinkFeatures,\n    size?: number,\n    thumbnailUrl?: ?string,\n    type?: ItemType,\n    url?: string,\n    version_limit?: ?number,\n    version_number?: string,\n};\n\ntype BoxItemCollection = {\n    entries?: Array<BoxItem>,\n    isLoaded?: boolean,\n    limit?: number,\n    next_marker?: string,\n    offset?: number,\n    order?: Array<Order>,\n    previous_marker?: string,\n    total_count?: number,\n};\n\ntype FlattenedBoxItemCollection = {\n    entries?: Array<string>,\n    isLoaded?: boolean,\n    limit?: number,\n    next_marker?: string,\n    offset?: number,\n    order?: Array<Order>,\n    previous_marker?: string,\n    total_count?: number,\n};\n\ntype FlattenedBoxItem = {\n    allowed_shared_link_access_levels?: Array<Access>,\n    created_at?: string,\n    created_by?: User,\n    description?: string,\n    download_url?: string,\n    extension?: string,\n    file_version?: BoxItemVersion,\n    has_collaborations?: boolean,\n    id?: string,\n    interacted_at?: string,\n    is_externally_owned?: boolean,\n    item_collection?: FlattenedBoxItemCollection,\n    metadata?: MetadataType,\n    modified_at?: string,\n    modified_by?: User,\n    name?: string,\n    owned_by?: User,\n    parent?: BoxItem,\n    path_collection?: BoxPathCollection,\n    permissions?: BoxItemPermission,\n    selected?: boolean,\n    shared_link?: SharedLink,\n    size?: number,\n    type?: ItemType,\n    url?: string,\n};\n\ntype Collection = {\n    boxItem?: FlattenedBoxItem,\n    breadcrumbs?: Array<Crumb>,\n    id?: string,\n    items?: Array<BoxItem>,\n    name?: string,\n    nextMarker?: ?string,\n    offset?: number,\n    percentLoaded?: number,\n    permissions?: BoxItemPermission,\n    sortBy?: SortBy,\n    sortDirection?: SortDirection,\n    totalCount?: number,\n};\n\ntype Recent = {\n    interacted_at: string,\n    item: BoxItem,\n};\n\ntype RecentCollection = {\n    entries: Array<Recent>,\n    order: Order,\n};\n\ntype FileVersions = {\n    entries: Array<BoxItemVersion>,\n    total_count: number,\n};\n\ntype Reply = {\n    created_at: string,\n    created_by: User,\n    id: string,\n    message: string,\n    parent: {\n        id: string,\n        type: string,\n    },\n    type: 'reply',\n};\n\ntype Collaborators = {\n    entries: Array<GroupMini | UserMini>,\n    next_marker: ?string,\n};\n\ntype AccessibleByUserOrGroup = {\n    id: number | string,\n    login: string,\n    name: string,\n    type: 'user' | 'group',\n};\n\ntype CollaborationOptions = {\n    expires_at: string | null,\n    id: number | string,\n    role: string,\n    status?: string,\n};\n\ntype Collaboration = CollaborationOptions & {\n    accessible_by: AccessibleByUserOrGroup,\n};\n\ntype NewCollaboration = CollaborationOptions & {\n    accessible_by: $Shape<AccessibleByUserOrGroup>,\n};\n\ntype Collaborations = {\n    entries: Array<Collaboration>,\n    next_marker: ?string,\n};\n\n// reflects an IE11 specific object to support drag\n// and drop for file uploads\ntype DOMStringList = {\n    contains: (strToSearch: string) => boolean,\n    item: (index: number) => string | null,\n    length: number,\n};\n\nexport type {\n    Token,\n    TokenLiteral,\n    ClassComponent,\n    StringMap,\n    StringAnyMap,\n    StringBooleanMap,\n    NumberBooleanMap,\n    Access,\n    DefaultView,\n    View,\n    SortBy,\n    SortDirection,\n    Order,\n    SharedLink,\n    InlineNoticeType,\n    ItemType,\n    Delimiter,\n    Size,\n    FileMini,\n    FolderMini,\n    UserMini,\n    User,\n    UserCollection,\n    GroupMini,\n    GroupCollection,\n    ISODate,\n    MarkerPaginatedCollection,\n    SelectorItem,\n    SelectorItems,\n    Crumb,\n    BoxItemClassification,\n    BoxItemPermission,\n    BoxItemVersionPermission,\n    BoxItemVersionRetention,\n    BoxItemVersion,\n    BoxItemVersionMini,\n    BoxItem,\n    BoxItemCollection,\n    FlattenedBoxItemCollection,\n    FlattenedBoxItem,\n    Collection,\n    Recent,\n    RecentCollection,\n    FileVersions,\n    FileRepresentation,\n    Reply,\n    NotificationType,\n    Collaborators,\n    Collaboration,\n    Collaborations,\n    NewCollaboration,\n    DOMStringList,\n};\n"],"file":"core.js"}
+{"version":3,"sources":["../../../src/common/types/core.js"],"names":["ITEM_TYPE_FOLDER","ITEM_TYPE_FILE","ITEM_TYPE_WEBLINK","ACCESS_OPEN","ACCESS_COLLAB","ACCESS_COMPANY","ACCESS_NONE","VIEW_SEARCH","VIEW_FOLDER","VIEW_ERROR","VIEW_SELECTED","VIEW_RECENTS","VIEW_UPLOAD_EMPTY","VIEW_UPLOAD_IN_PROGRESS","VIEW_UPLOAD_SUCCESS","VIEW_METADATA","SORT_ASC","SORT_DESC","DELIMITER_SLASH","DELIMITER_CARET","SIZE_SMALL","SIZE_MEDIUM","SIZE_LARGE","SIZE_VERY_LARGE","FIELD_DATE","FIELD_NAME","FIELD_SIZE","FIELD_RELEVANCE","DEFAULT_VIEW_RECENTS","DEFAULT_VIEW_FILES","VERSION_RETENTION_DELETE_ACTION","VERSION_RETENTION_REMOVE_ACTION","VERSION_RETENTION_INDEFINITE","PERMISSION_CAN_DOWNLOAD","PERMISSION_CAN_PREVIEW"],"mappings":"AACA,SAASA,gBAAT,EAA2BC,cAA3B,EAA2CC,iBAA3C,QAAoE,cAApE;AACA,SACIC,WADJ,EAEIC,aAFJ,EAGIC,cAHJ,EAIIC,WAJJ,EAKIC,WALJ,EAMIC,WANJ,EAOIC,UAPJ,EAQIC,aARJ,EASIC,YATJ,EAUIC,iBAVJ,EAWIC,uBAXJ,EAYIC,mBAZJ,EAaIC,aAbJ,EAcIC,QAdJ,EAeIC,SAfJ,EAgBIC,eAhBJ,EAiBIC,eAjBJ,EAkBIC,UAlBJ,EAmBIC,WAnBJ,EAoBIC,UApBJ,EAqBIC,eArBJ,EAsBIC,UAtBJ,EAuBIC,UAvBJ,EAwBIC,UAxBJ,EAyBIC,eAzBJ,EA0BIC,oBA1BJ,EA2BIC,kBA3BJ,EA4BIC,+BA5BJ,EA6BIC,+BA7BJ,EA8BIC,4BA9BJ,EA+BIC,uBA/BJ,EAgCIC,sBAhCJ,QAiCO,iBAjCP","sourcesContent":["// @flow\nimport { ITEM_TYPE_FOLDER, ITEM_TYPE_FILE, ITEM_TYPE_WEBLINK } from '../constants';\nimport {\n    ACCESS_OPEN,\n    ACCESS_COLLAB,\n    ACCESS_COMPANY,\n    ACCESS_NONE,\n    VIEW_SEARCH,\n    VIEW_FOLDER,\n    VIEW_ERROR,\n    VIEW_SELECTED,\n    VIEW_RECENTS,\n    VIEW_UPLOAD_EMPTY,\n    VIEW_UPLOAD_IN_PROGRESS,\n    VIEW_UPLOAD_SUCCESS,\n    VIEW_METADATA,\n    SORT_ASC,\n    SORT_DESC,\n    DELIMITER_SLASH,\n    DELIMITER_CARET,\n    SIZE_SMALL,\n    SIZE_MEDIUM,\n    SIZE_LARGE,\n    SIZE_VERY_LARGE,\n    FIELD_DATE,\n    FIELD_NAME,\n    FIELD_SIZE,\n    FIELD_RELEVANCE,\n    DEFAULT_VIEW_RECENTS,\n    DEFAULT_VIEW_FILES,\n    VERSION_RETENTION_DELETE_ACTION,\n    VERSION_RETENTION_REMOVE_ACTION,\n    VERSION_RETENTION_INDEFINITE,\n    PERMISSION_CAN_DOWNLOAD,\n    PERMISSION_CAN_PREVIEW,\n} from '../../constants';\nimport type { MetadataType } from './metadata';\n\ntype Token = null | typeof undefined | string | Function;\ntype TokenReadWrite = { read: string, write?: string };\ntype TokenLiteral = null | typeof undefined | string | TokenReadWrite;\n\ntype ClassComponent<P, S> = Class<React$Component<P, S>>;\n\n// TODO: Investigate some better types for these different maps, perhaps make use\n// of generic types like:\n// type GenericMap<K, V> = {\n//    [K]: V,\n// }\ntype StringMap = { [string]: string };\ntype StringAnyMap = { [string]: any };\ntype StringMixedMap = { [string]: mixed };\ntype StringBooleanMap = { [string]: boolean };\ntype NumberBooleanMap = { [number]: boolean };\n\ntype DefaultView = typeof DEFAULT_VIEW_RECENTS | typeof DEFAULT_VIEW_FILES;\ntype View =\n    | typeof VIEW_ERROR\n    | typeof VIEW_SELECTED\n    | typeof VIEW_RECENTS\n    | typeof VIEW_FOLDER\n    | typeof VIEW_SEARCH\n    | typeof VIEW_UPLOAD_EMPTY\n    | typeof VIEW_UPLOAD_IN_PROGRESS\n    | typeof VIEW_UPLOAD_SUCCESS\n    | typeof VIEW_METADATA;\n\ntype SortBy = typeof FIELD_DATE | typeof FIELD_NAME | typeof FIELD_RELEVANCE | typeof FIELD_SIZE;\ntype SortDirection = typeof SORT_ASC | typeof SORT_DESC;\ntype Delimiter = typeof DELIMITER_SLASH | typeof DELIMITER_CARET;\ntype Size = typeof SIZE_SMALL | typeof SIZE_MEDIUM | typeof SIZE_LARGE | typeof SIZE_VERY_LARGE;\n\ntype Order = {\n    by: SortBy,\n    direction: SortDirection,\n};\n\ntype Access = typeof ACCESS_COLLAB | typeof ACCESS_COMPANY | typeof ACCESS_OPEN | typeof ACCESS_NONE;\n\ntype NoticeType = 'info' | 'error';\n\ntype InlineNoticeType = NoticeType | 'warning' | 'success' | 'generic';\n\ntype NotificationType = NoticeType | 'default' | 'warn';\n\ntype ItemType = typeof ITEM_TYPE_FOLDER | typeof ITEM_TYPE_FILE | typeof ITEM_TYPE_WEBLINK;\n\ntype FileMini = {\n    id: string,\n    name: string,\n    type: typeof ITEM_TYPE_FILE,\n};\n\ntype FolderMini = {\n    id: string,\n    name: string,\n    type: typeof ITEM_TYPE_FOLDER,\n};\n\ntype UserMini = {\n    avatar_url?: string,\n    email?: string,\n    enterprise?: {\n        id: string,\n        name: string,\n        type: 'enterprise',\n    },\n    hostname?: string,\n    id: string,\n    login?: string,\n    name: string,\n    status?: string,\n    type: 'user',\n};\n\ntype ContactCollection = {\n    isLoaded?: boolean,\n    limit?: number,\n    next_marker?: string,\n    offset?: number,\n    order?: Array<Order>,\n    previous_marker?: string,\n    total_count?: number,\n};\n\ntype User = UserMini;\n\ntype UserCollection = ContactCollection & {\n    entries?: Array<User>,\n};\n\ntype GroupMini = {\n    id: string,\n    name: string,\n    permissions?: {\n        can_invite_as_collaborator: boolean,\n    },\n    type: 'group',\n};\n\ntype GroupCollection = ContactCollection & {\n    entries?: Array<GroupMini>,\n};\n\ntype ISODate = string;\n\ntype MarkerPaginatedCollection<T> = {\n    entries: T[],\n    limit: number,\n    next_marker: ?string,\n};\n\n// Used for things like collaborator search\n// NOTE: PillSelectorDropdown requires an additional \"text\" or \"displayText\" field\ntype SelectorItem<T: any = any> = {\n    id: string,\n    item?: T, // ie UserMini or GroupMini\n    name: string,\n    value?: any,\n};\n\ntype SelectorItems<T: any = any> = Array<SelectorItem<T>>;\n\ntype Crumb = {\n    id?: string,\n    name: string,\n};\n\ntype BoxItemClassification = {\n    color: string,\n    definition: string,\n    name: string,\n};\n\ntype BoxItemPermission = {\n    can_annotate?: boolean,\n    can_comment?: boolean,\n    can_create_annotations?: boolean,\n    can_delete?: boolean,\n    can_download?: boolean,\n    can_edit?: boolean,\n    can_invite_collaborator?: boolean,\n    can_preview?: boolean,\n    can_rename?: boolean,\n    can_set_share_access?: boolean,\n    can_share?: boolean,\n    can_upload?: boolean,\n    can_view_annotations?: boolean,\n    can_view_annotations_all?: boolean,\n    can_view_annotations_self?: boolean,\n};\n\ntype BoxItemVersionPermission = {\n    can_delete?: boolean,\n    can_download?: boolean,\n    can_preview?: boolean,\n    can_upload?: boolean,\n};\n\ntype BoxItemVersionRetentionPolicy = {\n    disposition_action: typeof VERSION_RETENTION_DELETE_ACTION | typeof VERSION_RETENTION_REMOVE_ACTION,\n    id: string,\n    policy_name: string,\n    retention_length: typeof VERSION_RETENTION_INDEFINITE | string, // length in days\n    type: 'retention_policy',\n};\n\ntype BoxItemVersionRetention = {\n    applied_at: string,\n    disposition_at: string,\n    id: string,\n    type: 'file_version_retention',\n    winning_retention_policy: BoxItemVersionRetentionPolicy,\n};\n\ntype BoxItemVersion = {\n    authenticated_download_url?: string,\n    collaborators?: Object,\n    created_at: string,\n    extension?: string,\n    id: string,\n    is_download_available?: boolean,\n    modified_at?: string,\n    modified_by: ?User,\n    name?: string,\n    permissions?: BoxItemVersionPermission,\n    restored_at?: string,\n    restored_by?: ?User,\n    retention?: BoxItemVersionRetention,\n    sha1?: string,\n    size?: number,\n    trashed_at: ?string,\n    trashed_by?: ?User,\n    type: 'file_version',\n    uploader_display_name?: string,\n    version_end?: number,\n    version_number: string,\n    version_promoted?: string,\n    version_start?: number,\n    versions?: Array<BoxItemVersion>,\n};\n\ntype BoxItemVersionMini = {\n    id: string,\n    type: 'version',\n    version_number: string,\n};\n\ntype BoxPathCollection = {\n    entries: Array<Crumb>,\n    total_count: number,\n};\n\ntype FileRepresentation = {\n    content?: {\n        url_template: string,\n    },\n    info?: {\n        url: string,\n    },\n    properties?: {\n        dimensions: string,\n        paged: string,\n        thumb: string,\n    },\n    representation?: string,\n    status: {\n        state: ?string,\n    },\n};\n\ntype FileRepresentationResponse = {\n    entries: Array<FileRepresentation>,\n};\n\ntype SharedLink = {\n    access: Access,\n    download_count?: number,\n    download_url?: string,\n    effective_access?: Access,\n    effective_permission?: typeof PERMISSION_CAN_DOWNLOAD | typeof PERMISSION_CAN_PREVIEW,\n    is_password_enabled?: boolean,\n    password?: string | null, // the API requires a null value to remove a password\n    permissions?: BoxItemPermission,\n    preview_count?: number,\n    unshared_at?: string | null,\n    url: string,\n    vanity_name?: string,\n    vanity_url?: string,\n};\n\ntype SharedLinkFeatures = {\n    download_url: boolean,\n    password: boolean,\n    vanity_name: boolean,\n};\n\ntype BoxItem = {\n    allowed_shared_link_access_levels?: Array<Access>,\n    authenticated_download_url?: string,\n    content_created_at?: string,\n    content_modified_at?: string,\n    created_at?: string,\n    created_by?: User,\n    description?: string,\n    download_url?: string,\n    extension?: string,\n    file_version?: BoxItemVersion,\n    has_collaborations?: boolean,\n    id: string,\n    interacted_at?: string,\n    is_download_available?: boolean,\n    is_externally_owned?: boolean,\n    item_collection?: BoxItemCollection, // eslint-disable-line no-use-before-define\n    metadata?: MetadataType,\n    modified_at?: string,\n    modified_by?: User,\n    name?: string,\n    owned_by?: User,\n    parent?: BoxItem,\n    path_collection?: BoxPathCollection,\n    permissions?: BoxItemPermission,\n    representations?: FileRepresentationResponse,\n    restored_from?: BoxItemVersion,\n    selected?: boolean,\n    shared_link?: SharedLink,\n    shared_link_features?: SharedLinkFeatures,\n    size?: number,\n    thumbnailUrl?: ?string,\n    type?: ItemType,\n    url?: string,\n    version_limit?: ?number,\n    version_number?: string,\n};\n\ntype BoxItemCollection = {\n    entries?: Array<BoxItem>,\n    isLoaded?: boolean,\n    limit?: number,\n    next_marker?: string,\n    offset?: number,\n    order?: Array<Order>,\n    previous_marker?: string,\n    total_count?: number,\n};\n\ntype FlattenedBoxItemCollection = {\n    entries?: Array<string>,\n    isLoaded?: boolean,\n    limit?: number,\n    next_marker?: string,\n    offset?: number,\n    order?: Array<Order>,\n    previous_marker?: string,\n    total_count?: number,\n};\n\ntype FlattenedBoxItem = {\n    allowed_shared_link_access_levels?: Array<Access>,\n    created_at?: string,\n    created_by?: User,\n    description?: string,\n    download_url?: string,\n    extension?: string,\n    file_version?: BoxItemVersion,\n    has_collaborations?: boolean,\n    id?: string,\n    interacted_at?: string,\n    is_externally_owned?: boolean,\n    item_collection?: FlattenedBoxItemCollection,\n    metadata?: MetadataType,\n    modified_at?: string,\n    modified_by?: User,\n    name?: string,\n    owned_by?: User,\n    parent?: BoxItem,\n    path_collection?: BoxPathCollection,\n    permissions?: BoxItemPermission,\n    selected?: boolean,\n    shared_link?: SharedLink,\n    size?: number,\n    type?: ItemType,\n    url?: string,\n};\n\ntype Collection = {\n    boxItem?: FlattenedBoxItem,\n    breadcrumbs?: Array<Crumb>,\n    id?: string,\n    items?: Array<BoxItem>,\n    name?: string,\n    nextMarker?: ?string,\n    offset?: number,\n    percentLoaded?: number,\n    permissions?: BoxItemPermission,\n    sortBy?: SortBy,\n    sortDirection?: SortDirection,\n    totalCount?: number,\n};\n\ntype Recent = {\n    interacted_at: string,\n    item: BoxItem,\n};\n\ntype RecentCollection = {\n    entries: Array<Recent>,\n    order: Order,\n};\n\ntype FileVersions = {\n    entries: Array<BoxItemVersion>,\n    total_count: number,\n};\n\ntype Reply = {\n    created_at: string,\n    created_by: User,\n    id: string,\n    message: string,\n    parent: {\n        id: string,\n        type: string,\n    },\n    type: 'reply',\n};\n\ntype Collaborators = {\n    entries: Array<GroupMini | UserMini>,\n    next_marker: ?string,\n};\n\ntype AccessibleByUserOrGroup = {\n    id: number | string,\n    login: string,\n    name: string,\n    type: 'user' | 'group',\n};\n\ntype CollaborationOptions = {\n    expires_at: string | null,\n    id: number | string,\n    role: string,\n    status?: string,\n};\n\ntype Collaboration = CollaborationOptions & {\n    accessible_by: AccessibleByUserOrGroup,\n};\n\ntype NewCollaboration = CollaborationOptions & {\n    accessible_by: $Shape<AccessibleByUserOrGroup>,\n};\n\ntype Collaborations = {\n    entries: Array<Collaboration>,\n    next_marker: ?string,\n};\n\n// reflects an IE11 specific object to support drag\n// and drop for file uploads\ntype DOMStringList = {\n    contains: (strToSearch: string) => boolean,\n    item: (index: number) => string | null,\n    length: number,\n};\n\nexport type {\n    Token,\n    TokenLiteral,\n    ClassComponent,\n    StringMap,\n    StringAnyMap,\n    StringMixedMap,\n    StringBooleanMap,\n    NumberBooleanMap,\n    Access,\n    DefaultView,\n    View,\n    SortBy,\n    SortDirection,\n    Order,\n    SharedLink,\n    InlineNoticeType,\n    ItemType,\n    Delimiter,\n    Size,\n    FileMini,\n    FolderMini,\n    UserMini,\n    User,\n    UserCollection,\n    GroupMini,\n    GroupCollection,\n    ISODate,\n    MarkerPaginatedCollection,\n    SelectorItem,\n    SelectorItems,\n    Crumb,\n    BoxItemClassification,\n    BoxItemPermission,\n    BoxItemVersionPermission,\n    BoxItemVersionRetention,\n    BoxItemVersion,\n    BoxItemVersionMini,\n    BoxItem,\n    BoxItemCollection,\n    FlattenedBoxItemCollection,\n    FlattenedBoxItem,\n    Collection,\n    Recent,\n    RecentCollection,\n    FileVersions,\n    FileRepresentation,\n    Reply,\n    NotificationType,\n    Collaborators,\n    Collaboration,\n    Collaborations,\n    NewCollaboration,\n    DOMStringList,\n};\n"],"file":"core.js"}

package/es/components/avatar/UnknownUserAvatar.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import AccessibleSVG from '../accessible-svg/AccessibleSVG';
+import * as vars from '../../styles/variables';
 
 var UnknownUserAvatar = function UnknownUserAvatar(_ref) {
   var _ref$className = _ref.className,
@@ -13,16 +14,12 @@ var UnknownUserAvatar = function UnknownUserAvatar(_ref) {
     className: "unknown-user-avatar ".concat(className),
     height: height,
     title: title,
-    viewBox: "0 0 28 28",
+    viewBox: "0 0 16 16",
     width: width
-  }, React.createElement("circle", {
-    cx: "14",
-    cy: "14",
-    fill: "#ededed",
-    r: "14"
-  }), React.createElement("path", {
-    d: "M5.5 25.1C6.7 21 10 18 14 18s7.3 3 8.5 7.1a14 14 0 0 1-17 0zM14 16a5 5 0 1 1 0-10 5 5 0 0 1 0 10z",
-    fill: "#c3c3c3"
+  }, React.createElement("path", {
+    fill: vars.bdlGray50,
+    fillRule: "evenodd",
+    d: "M8 0a8 8 0 110 16A8 8 0 018 0zm0 9.5c-1.21 0-2.293.413-3.232 1.096-.56.407-.953.817-1.168 1.104a.5.5 0 00.8.6c.035-.047.114-.141.234-.267.205-.214.447-.428.722-.629.78-.567 1.665-.904 2.644-.904.979 0 1.865.337 2.644.904.275.2.517.415.722.63.12.125.199.219.234.266a.5.5 0 00.8-.6c-.215-.287-.607-.697-1.168-1.104C10.293 9.913 9.21 9.5 8 9.5zm0-6a2.5 2.5 0 000 5 2.5 2.5 0 000-5zm0 1a1.5 1.5 0 11-.001 3.001A1.5 1.5 0 018 4.5z"
   }));
 };
 

package/es/components/avatar/UnknownUserAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/UnknownUserAvatar.tsx"],"names":["React","AccessibleSVG","UnknownUserAvatar","className","height","title","width"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAAwC,iCAAxC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,4BAAGC,SAAH;AAAA,MAAGA,SAAH,+BAAe,EAAf;AAAA,yBAAmBC,MAAnB;AAAA,MAAmBA,MAAnB,4BAA4B,EAA5B;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,wBAAuCC,KAAvC;AAAA,MAAuCA,KAAvC,2BAA+C,EAA/C;AAAA,SACtB,oBAAC,aAAD;AACI,IAAA,SAAS,gCAAyBH,SAAzB,CADb;AAEI,IAAA,MAAM,EAAEC,MAFZ;AAGI,IAAA,KAAK,EAAEC,KAHX;AAII,IAAA,OAAO,EAAC,WAJZ;AAKI,IAAA,KAAK,EAAEC;AALX,KAOI;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,IAAI,EAAC,SAA7B;AAAuC,IAAA,CAAC,EAAC;AAAzC,IAPJ,EAQI;AACI,IAAA,CAAC,EAAC,mGADN;AAEI,IAAA,IAAI,EAAC;AAFT,IARJ,CADsB;AAAA,CAA1B;;AAgBA,eAAeJ,iBAAf","sourcesContent":["import * as React from 'react';\nimport AccessibleSVG, { SVGProps } from '../accessible-svg/AccessibleSVG';\n\nconst UnknownUserAvatar = ({ className = '', height = 28, title, width = 28 }: SVGProps) => (\n    <AccessibleSVG\n        className={`unknown-user-avatar ${className}`}\n        height={height}\n        title={title}\n        viewBox=\"0 0 28 28\"\n        width={width}\n    >\n        <circle cx=\"14\" cy=\"14\" fill=\"#ededed\" r=\"14\" />\n        <path\n            d=\"M5.5 25.1C6.7 21 10 18 14 18s7.3 3 8.5 7.1a14 14 0 0 1-17 0zM14 16a5 5 0 1 1 0-10 5 5 0 0 1 0 10z\"\n            fill=\"#c3c3c3\"\n        />\n    </AccessibleSVG>\n);\n\nexport default UnknownUserAvatar;\n"],"file":"UnknownUserAvatar.js"}
+{"version":3,"sources":["../../../src/components/avatar/UnknownUserAvatar.tsx"],"names":["React","AccessibleSVG","vars","UnknownUserAvatar","className","height","title","width","bdlGray50"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAAwC,iCAAxC;AACA,OAAO,KAAKC,IAAZ,MAAsB,wBAAtB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,4BAAGC,SAAH;AAAA,MAAGA,SAAH,+BAAe,EAAf;AAAA,yBAAmBC,MAAnB;AAAA,MAAmBA,MAAnB,4BAA4B,EAA5B;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,wBAAuCC,KAAvC;AAAA,MAAuCA,KAAvC,2BAA+C,EAA/C;AAAA,SACtB,oBAAC,aAAD;AACI,IAAA,SAAS,gCAAyBH,SAAzB,CADb;AAEI,IAAA,MAAM,EAAEC,MAFZ;AAGI,IAAA,KAAK,EAAEC,KAHX;AAII,IAAA,OAAO,EAAC,WAJZ;AAKI,IAAA,KAAK,EAAEC;AALX,KAOI;AACI,IAAA,IAAI,EAAEL,IAAI,CAACM,SADf;AAEI,IAAA,QAAQ,EAAC,SAFb;AAGI,IAAA,CAAC,EAAC;AAHN,IAPJ,CADsB;AAAA,CAA1B;;AAgBA,eAAeL,iBAAf","sourcesContent":["import * as React from 'react';\nimport AccessibleSVG, { SVGProps } from '../accessible-svg/AccessibleSVG';\nimport * as vars from '../../styles/variables';\n\nconst UnknownUserAvatar = ({ className = '', height = 28, title, width = 28 }: SVGProps) => (\n    <AccessibleSVG\n        className={`unknown-user-avatar ${className}`}\n        height={height}\n        title={title}\n        viewBox=\"0 0 16 16\"\n        width={width}\n    >\n        <path\n            fill={vars.bdlGray50}\n            fillRule=\"evenodd\"\n            d=\"M8 0a8 8 0 110 16A8 8 0 018 0zm0 9.5c-1.21 0-2.293.413-3.232 1.096-.56.407-.953.817-1.168 1.104a.5.5 0 00.8.6c.035-.047.114-.141.234-.267.205-.214.447-.428.722-.629.78-.567 1.665-.904 2.644-.904.979 0 1.865.337 2.644.904.275.2.517.415.722.63.12.125.199.219.234.266a.5.5 0 00.8-.6c-.215-.287-.607-.697-1.168-1.104C10.293 9.913 9.21 9.5 8 9.5zm0-6a2.5 2.5 0 000 5 2.5 2.5 0 000-5zm0 1a1.5 1.5 0 11-.001 3.001A1.5 1.5 0 018 4.5z\"\n        />\n    </AccessibleSVG>\n);\n\nexport default UnknownUserAvatar;\n"],"file":"UnknownUserAvatar.js"}

package/es/components/close-button/CloseButton.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import Button, { ButtonType } from '../button';
+import IconClose from '../../icons/general/IconClose';
+import { bdlGray62 } from '../../styles/variables';
+import './CloseButton.scss';
+
+var CloseButton = function CloseButton(_ref) {
+  var className = _ref.className,
+      onClick = _ref.onClick;
+  return React.createElement(Button, {
+    className: classNames('bdl-CloseButton', className),
+    "data-testid": "bdl-CloseButton",
+    onClick: onClick,
+    type: ButtonType.BUTTON
+  }, React.createElement(IconClose, {
+    color: bdlGray62,
+    height: 18,
+    width: 18
+  }));
+};
+
+export default CloseButton;
+//# sourceMappingURL=CloseButton.js.map

package/es/components/close-button/CloseButton.js.flow

@@ -0,0 +1,26 @@
+// @flow
+import * as React from 'react';
+import classNames from 'classnames';
+
+import Button from '../button';
+import IconClose from '../../icons/general/IconClose';
+import { bdlGray62 } from '../../styles/variables';
+
+import './CloseButton.scss';
+
+type Props = {
+    /** Custom class for the close button */
+    className?: string,
+    /** onClick handler for the close button */
+    onClick?: Function,
+}
+
+const CloseButton = ({ className, onClick }: Props) => {
+    return (
+        <Button className={classNames('bdl-CloseButton', className)} onClick={onClick} type="button">
+            <IconClose color={bdlGray62} height={18} width={18} />
+        </Button>
+    );
+};
+
+export default CloseButton;

package/es/components/close-button/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/close-button/CloseButton.tsx"],"names":["React","classNames","Button","ButtonType","IconClose","bdlGray62","CloseButton","className","onClick","BUTTON"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,MAAP,IAAiBC,UAAjB,QAAmC,WAAnC;AACA,OAAOC,SAAP,MAAsB,+BAAtB;AACA,SAASC,SAAT,QAA0B,wBAA1B;AAEA,OAAO,oBAAP;;AASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAA8C;AAAA,MAA3CC,SAA2C,QAA3CA,SAA2C;AAAA,MAAhCC,OAAgC,QAAhCA,OAAgC;AAC9D,SACI,oBAAC,MAAD;AACI,IAAA,SAAS,EAAEP,UAAU,CAAC,iBAAD,EAAoBM,SAApB,CADzB;AAEI,mBAAY,iBAFhB;AAGI,IAAA,OAAO,EAAEC,OAHb;AAII,IAAA,IAAI,EAAEL,UAAU,CAACM;AAJrB,KAMI,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEJ,SAAlB;AAA6B,IAAA,MAAM,EAAE,EAArC;AAAyC,IAAA,KAAK,EAAE;AAAhD,IANJ,CADJ;AAUH,CAXD;;AAaA,eAAeC,WAAf","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport Button, { ButtonType } from '../button';\nimport IconClose from '../../icons/general/IconClose';\nimport { bdlGray62 } from '../../styles/variables';\n\nimport './CloseButton.scss';\n\nexport interface CloseButtonProps {\n    /** Custom class for the close button */\n    className?: string;\n    /** onClick handler for the close button */\n    onClick?: Function;\n}\n\nconst CloseButton = ({ className, onClick }: CloseButtonProps) => {\n    return (\n        <Button\n            className={classNames('bdl-CloseButton', className)}\n            data-testid=\"bdl-CloseButton\"\n            onClick={onClick}\n            type={ButtonType.BUTTON}\n        >\n            <IconClose color={bdlGray62} height={18} width={18} />\n        </Button>\n    );\n};\n\nexport default CloseButton;\n"],"file":"CloseButton.js"}

package/es/components/close-button/CloseButton.scss

@@ -0,0 +1,10 @@
+@import '../../styles/variables';
+
+.btn.bdl-CloseButton {
+    width: $bdl-btn-height;
+    height: $bdl-btn-height;
+    padding: 0;
+    background-color: $bdl-gray-10;
+    border: none;
+    border-radius: $bdl-border-radius-size-med;
+}

package/es/components/close-button/CloseButton.stories.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import CloseButton from './CloseButton';
+import notes from './CloseButton.stories.md';
+export var regular = function regular() {
+  return React.createElement(CloseButton, null);
+};
+export default {
+  title: 'Components|Buttons/CloseButton',
+  component: CloseButton,
+  parameters: {
+    notes: notes
+  }
+};
+//# sourceMappingURL=CloseButton.stories.js.map

package/es/components/close-button/CloseButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/close-button/CloseButton.stories.tsx"],"names":["React","CloseButton","notes","regular","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,0BAAlB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAM,oBAAC,WAAD,OAAN;AAAA,CAAhB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,gCADI;AAEXC,EAAAA,SAAS,EAAEJ,WAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA,KAAK,EAALA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport CloseButton from './CloseButton';\nimport notes from './CloseButton.stories.md';\n\nexport const regular = () => <CloseButton />;\n\nexport default {\n    title: 'Components|Buttons/CloseButton',\n    component: CloseButton,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"CloseButton.stories.js"}

package/es/components/close-button/index.js

@@ -0,0 +1,2 @@
+export { default } from './CloseButton';
+//# sourceMappingURL=index.js.map

package/es/components/close-button/index.js.flow

@@ -0,0 +1,2 @@
+// @flow
+export { default } from './CloseButton';

package/es/components/close-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/close-button/index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from './CloseButton';\n"],"file":"index.js"}

package/es/components/date-picker/AccessiblePikaday.js

@@ -0,0 +1,113 @@
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import Pikaday from 'pikaday';
+
+// An extended version of Pikaday to work when `isAccessible` prop is `true`
+var AccessiblePikaday =
+/*#__PURE__*/
+function (_Pikaday) {
+  _inherits(AccessiblePikaday, _Pikaday);
+
+  function AccessiblePikaday(options) {
+    var _this;
+
+    _classCallCheck(this, AccessiblePikaday);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(AccessiblePikaday).call(this, options));
+
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
+      _this.hide();
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function (event) {
+      if (_this.isVisible() && _this.datePickerButtonEl && _this.datePickerButtonEl.contains(event.target)) {
+        return;
+      }
+
+      if (_this.isVisible() && !_this.el.contains(event.target)) {
+        _this.hide();
+
+        var currentFocusEl = document.activeElement;
+
+        if (_this.accessibleFieldEl && currentFocusEl && currentFocusEl.tabIndex < 0) {
+          _this.accessibleFieldEl.focus();
+        }
+      }
+    });
+
+    _this.accessibleFieldEl = options.accessibleFieldEl;
+    _this.datePickerButtonEl = options.datePickerButtonEl; // Override behavior as if `options.field` and `options.bound` were set.
+    // See https://github.com/Pikaday/Pikaday/blob/master/pikaday.js#L671
+    //     https://github.com/Pikaday/Pikaday/blob/master/pikaday.js#L695-L703
+
+    if (_this.accessibleFieldEl) {
+      _this.el.classList.add('is-bound');
+
+      document.body.appendChild(_this.el);
+
+      _this.accessibleFieldEl.addEventListener('blur', _this.handleBlur);
+
+      _this.hide();
+    }
+
+    return _this;
+  }
+
+  _createClass(AccessiblePikaday, [{
+    key: "show",
+    value: function show() {
+      _get(_getPrototypeOf(AccessiblePikaday.prototype), "show", this).call(this);
+
+      if (this.accessibleFieldEl) {
+        document.addEventListener('click', this.handleClickOutside, true);
+        this.adjustPosition();
+      }
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      _get(_getPrototypeOf(AccessiblePikaday.prototype), "hide", this).call(this);
+
+      if (this.accessibleFieldEl) {
+        document.removeEventListener('click', this.handleClickOutside);
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      _get(_getPrototypeOf(AccessiblePikaday.prototype), "destroy", this).call(this);
+
+      if (this.accessibleFieldEl) {
+        this.accessibleFieldEl.removeEventListener('blur', this.handleBlur);
+        document.removeEventListener('click', this.handleClickOutside);
+      }
+    }
+  }]);
+
+  return AccessiblePikaday;
+}(Pikaday);
+
+export default AccessiblePikaday;
+//# sourceMappingURL=AccessiblePikaday.js.map

package/es/components/date-picker/AccessiblePikaday.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-picker/AccessiblePikaday.ts"],"names":["Pikaday","AccessiblePikaday","options","hide","event","isVisible","datePickerButtonEl","contains","target","el","currentFocusEl","document","activeElement","accessibleFieldEl","tabIndex","focus","classList","add","body","appendChild","addEventListener","handleBlur","handleClickOutside","adjustPosition","removeEventListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,OAAP,MAAwC,SAAxC;;AAOA;IACMC,iB;;;;;AAKF,6BAAYC,OAAZ,EAA+C;AAAA;;AAAA;;AAC3C,2FAAMA,OAAN;;AAD2C,iEAkBlC,YAAM;AACf,YAAKC,IAAL;AACH,KApB8C;;AAAA,yEAsB1B,UAACC,KAAD,EAAuB;AACxC,UACI,MAAKC,SAAL,MACA,MAAKC,kBADL,IAEA,MAAKA,kBAAL,CAAwBC,QAAxB,CAAiCH,KAAK,CAACI,MAAvC,CAHJ,EAIE;AACE;AACH;;AAED,UAAI,MAAKH,SAAL,MAAoB,CAAC,MAAKI,EAAL,CAAQF,QAAR,CAAiBH,KAAK,CAACI,MAAvB,CAAzB,EAAwE;AACpE,cAAKL,IAAL;;AAEA,YAAMO,cAAc,GAAGC,QAAQ,CAACC,aAAhC;;AACA,YAAI,MAAKC,iBAAL,IAA0BH,cAA1B,IAA4CA,cAAc,CAACI,QAAf,GAA0B,CAA1E,EAA6E;AACzE,gBAAKD,iBAAL,CAAuBE,KAAvB;AACH;AACJ;AACJ,KAvC8C;;AAE3C,UAAKF,iBAAL,GAAyBX,OAAO,CAACW,iBAAjC;AACA,UAAKP,kBAAL,GAA0BJ,OAAO,CAACI,kBAAlC,CAH2C,CAK3C;AACA;AACA;;AACA,QAAI,MAAKO,iBAAT,EAA4B;AACxB,YAAKJ,EAAL,CAAQO,SAAR,CAAkBC,GAAlB,CAAsB,UAAtB;;AACAN,MAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0B,MAAKV,EAA/B;;AAEA,YAAKI,iBAAL,CAAuBO,gBAAvB,CAAwC,MAAxC,EAAgD,MAAKC,UAArD;;AAEA,YAAKlB,IAAL;AACH;;AAf0C;AAgB9C;;;;2BAyBM;AACH;;AACA,UAAI,KAAKU,iBAAT,EAA4B;AACxBF,QAAAA,QAAQ,CAACS,gBAAT,CAA0B,OAA1B,EAAmC,KAAKE,kBAAxC,EAA4D,IAA5D;AACA,aAAKC,cAAL;AACH;AACJ;;;2BAEM;AACH;;AACA,UAAI,KAAKV,iBAAT,EAA4B;AACxBF,QAAAA,QAAQ,CAACa,mBAAT,CAA6B,OAA7B,EAAsC,KAAKF,kBAA3C;AACH;AACJ;;;8BAES;AACN;;AACA,UAAI,KAAKT,iBAAT,EAA4B;AACxB,aAAKA,iBAAL,CAAuBW,mBAAvB,CAA2C,MAA3C,EAAmD,KAAKH,UAAxD;AACAV,QAAAA,QAAQ,CAACa,mBAAT,CAA6B,OAA7B,EAAsC,KAAKF,kBAA3C;AACH;AACJ;;;;EAnE2BtB,O;;AAsEhC,eAAeC,iBAAf","sourcesContent":["import Pikaday, { PikadayOptions } from 'pikaday';\n\nexport interface AccessiblePikadayOptions extends PikadayOptions {\n    accessibleFieldEl?: HTMLElement | null | undefined;\n    datePickerButtonEl?: HTMLElement | null | undefined;\n}\n\n// An extended version of Pikaday to work when `isAccessible` prop is `true`\nclass AccessiblePikaday extends Pikaday {\n    accessibleFieldEl: HTMLElement | null | undefined;\n\n    datePickerButtonEl: HTMLElement | null | undefined;\n\n    constructor(options: AccessiblePikadayOptions) {\n        super(options);\n        this.accessibleFieldEl = options.accessibleFieldEl;\n        this.datePickerButtonEl = options.datePickerButtonEl;\n\n        // Override behavior as if `options.field` and `options.bound` were set.\n        // See https://github.com/Pikaday/Pikaday/blob/master/pikaday.js#L671\n        //     https://github.com/Pikaday/Pikaday/blob/master/pikaday.js#L695-L703\n        if (this.accessibleFieldEl) {\n            this.el.classList.add('is-bound');\n            document.body.appendChild(this.el);\n\n            this.accessibleFieldEl.addEventListener('blur', this.handleBlur);\n\n            this.hide();\n        }\n    }\n\n    handleBlur = () => {\n        this.hide();\n    };\n\n    handleClickOutside = (event: MouseEvent) => {\n        if (\n            this.isVisible() &&\n            this.datePickerButtonEl &&\n            this.datePickerButtonEl.contains(event.target as HTMLElement)\n        ) {\n            return;\n        }\n\n        if (this.isVisible() && !this.el.contains(event.target as HTMLElement)) {\n            this.hide();\n\n            const currentFocusEl = document.activeElement as HTMLElement;\n            if (this.accessibleFieldEl && currentFocusEl && currentFocusEl.tabIndex < 0) {\n                this.accessibleFieldEl.focus();\n            }\n        }\n    };\n\n    show() {\n        super.show();\n        if (this.accessibleFieldEl) {\n            document.addEventListener('click', this.handleClickOutside, true);\n            this.adjustPosition();\n        }\n    }\n\n    hide() {\n        super.hide();\n        if (this.accessibleFieldEl) {\n            document.removeEventListener('click', this.handleClickOutside);\n        }\n    }\n\n    destroy() {\n        super.destroy();\n        if (this.accessibleFieldEl) {\n            this.accessibleFieldEl.removeEventListener('blur', this.handleBlur);\n            document.removeEventListener('click', this.handleClickOutside);\n        }\n    }\n}\n\nexport default AccessiblePikaday;\n"],"file":"AccessiblePikaday.js"}