box-ui-elements 19.0.0-beta.9 → 19.0.0

package/es/src/features/content-insights/charts/bar/BarChart.d.ts

@@ -1,6 +1,6 @@
 import { AccessorFunction, Direction } from '../types';
 import './BarChart.scss';
-declare type ValueAccessor = string | AccessorFunction;
+type ValueAccessor = string | AccessorFunction;
 interface OffsetPosition {
     left: number;
     top: number;

package/es/src/features/content-insights/charts/types.d.ts

@@ -1,2 +1,2 @@
-export declare type AccessorFunction = (datum: any) => number;
-export declare type Direction = 'horizontal' | 'vertical';
+export type AccessorFunction = (datum: any) => number;
+export type Direction = 'horizontal' | 'vertical';

package/es/src/features/content-insights/constants.d.ts

@@ -1,27 +1,39 @@
 export declare const METRIC: Readonly<{
-    DOWNLOADS: string;
-    PREVIEWS: string;
-    USERS: string;
+    DOWNLOADS: "DOWNLOADS";
+    PREVIEWS: "PREVIEWS";
+    USERS: "USERS";
 }>;
 export declare const PERIOD: Readonly<{
-    WEEK: string;
-    MONTH: string;
-    THREEMONTHS: string;
-    YEAR: string;
+    WEEK: "week";
+    MONTH: "month";
+    THREEMONTHS: "threemonths";
+    YEAR: "year";
 }>;
 export declare const PRESET_TIMES: Readonly<{
-    ONE_WEEK: string;
-    TWO_WEEKS: string;
-    ONE_MONTH: string;
-    TWO_MONTHS: string;
-    THREE_MONTHS: string;
-    SIX_MONTHS: string;
-    ONE_YEAR: string;
-    TWO_YEARS: string;
+    ONE_WEEK: "one_week";
+    TWO_WEEKS: "two_weeks";
+    ONE_MONTH: "one_month";
+    TWO_MONTHS: "two_months";
+    THREE_MONTHS: "three_months";
+    SIX_MONTHS: "six_months";
+    ONE_YEAR: "one_year";
+    TWO_YEARS: "two_years";
 }>;
 export declare const PRESET_TO_TIMESTAMPS_MAP: {
-    readonly [x: string]: {
-        readonly currentPeriod: string;
-        readonly previousPeriod: string;
+    readonly week: {
+        readonly currentPeriod: "one_week";
+        readonly previousPeriod: "two_weeks";
+    };
+    readonly month: {
+        readonly currentPeriod: "one_month";
+        readonly previousPeriod: "two_months";
+    };
+    readonly threemonths: {
+        readonly currentPeriod: "three_months";
+        readonly previousPeriod: "six_months";
+    };
+    readonly year: {
+        readonly currentPeriod: "one_year";
+        readonly previousPeriod: "two_years";
     };
 };

package/es/src/features/content-insights/types.d.ts

@@ -1,21 +1,21 @@
 import { METRIC, PERIOD, PRESET_TIMES } from './constants';
-export declare type Metric = typeof METRIC[keyof typeof METRIC];
-export declare type Period = typeof PERIOD[keyof typeof PERIOD];
-export declare type PresetTimes = typeof PRESET_TIMES[keyof typeof PRESET_TIMES];
-export declare type TimeRangeType = 'day' | 'week' | 'month';
-export declare type TimeRange = {
+export type Metric = typeof METRIC[keyof typeof METRIC];
+export type Period = typeof PERIOD[keyof typeof PERIOD];
+export type PresetTimes = typeof PRESET_TIMES[keyof typeof PRESET_TIMES];
+export type TimeRangeType = 'day' | 'week' | 'month';
+export type TimeRange = {
     end: number;
     start: number;
     type: TimeRangeType;
 };
-export declare type MetricsData = {
+export type MetricsData = {
     downloadsCount: number;
     previewsCount: number;
     users: Set<string>;
 };
-export declare type GraphDatum = TimeRange & MetricsData;
-export declare type GraphData = Array<GraphDatum>;
-export declare type ResponseError = Error & {
+export type GraphDatum = TimeRange & MetricsData;
+export type GraphData = Array<GraphDatum>;
+export type ResponseError = Error & {
     data?: string;
     detail?: string;
     errorCode?: string;

package/es/src/features/presence/PresenceAvatarList.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import './PresenceAvatarList.scss';
-export declare type Collaborator = {
+export type Collaborator = {
     avatarUrl?: string;
     id: string;
     isActive: boolean;
@@ -9,7 +9,7 @@ export declare type Collaborator = {
     name: string;
     profileUrl?: string;
 };
-export declare type Props = {
+export type Props = {
     avatarAttributes?: React.HTMLAttributes<HTMLDivElement>;
     className?: string;
     collaborators: Array<Collaborator>;

package/es/src/features/presence/PresenceAvatarTooltipContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl';
 import './PresenceAvatarTooltipContent.scss';
-export declare type Props = {
+export type Props = {
     name: string;
     interactedAt: number;
     interactionType: string;
@@ -9,7 +9,19 @@ export declare type Props = {
 } & WrappedComponentProps;
 declare function PresenceAvatarTooltipContent({ name, interactedAt, interactionType, intl, isActive }: Props): JSX.Element;
 export { PresenceAvatarTooltipContent as PresenceAvatarTooltipContentComponent };
-declare const _default: React.FC<import("react-intl").WithIntlProps<Props>> & {
-    WrappedComponent: React.ComponentType<Props>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    name: string;
+    interactedAt: number;
+    interactionType: string;
+    isActive?: boolean | undefined;
+} & WrappedComponentProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        name: string;
+        interactedAt: number;
+        interactionType: string;
+        isActive?: boolean | undefined;
+    } & WrappedComponentProps>;
 };
 export default _default;

package/es/src/features/sandbox-banner/SandboxBanner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import './SandboxBanner.scss';
-declare type Props = {
+type Props = {
     children: React.ReactChild;
 };
 declare const SandboxBanner: ({ children }: Props) => JSX.Element;

package/es/src/icons/file/IconFileBase.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Icon } from '../iconTypes';
-declare type Props = Icon & {
+type Props = Icon & {
     baseClassName: string;
     children: React.ReactChild | Array<React.ReactChild>;
 };

package/es/styles/colors.stories.js

@@ -121,7 +121,7 @@ const allColors = () => React.createElement("div", {
 
 export { allColors };
 export default {
-  title: 'Theming|Colors',
+  title: 'Theming/Colors',
   parameters: {
     notes: mdNotes
   }

package/es/styles/colors.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/colors.stories.tsx"],"names":["React","Color","variables","mdNotes","bdlColors","WCAG_AA","isPaletteColor","hex","key","startsWith","includes","Object","keys","forEach","colorKey","colorHex","Array","isArray","paletteGroup","match","join","color","scssVariableName","contrastRatio","contrast","push","wrapper","display","flexDirection","flexWrap","palette","swatchContainer","alignItems","swatch","borderRadius","height","width","label","margin","LabelCell","props","minWidth","children","Swatch","backgroundColor","toLowerCase","toFixed","allColors","entries","sort","A","B","a","b","hsl","object","h","rgbNumber","map","name","colors","title","parameters","notes"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Color from 'color';\nimport * as variables from './variables';\nimport mdNotes from './colors.md';\n\ntype TSwatch = { scssVariableName: string; colorHex: string; colorKey: string; contrastRatio: number };\n\nconst bdlColors: { [k: string]: Array<TSwatch> } = {};\n\nconst WCAG_AA = 4.5; // minimum contrast ratio for text\n\nconst isPaletteColor = (hex: string, key: string) => {\n    return key.startsWith('bdl') && !key.includes('Neutral') && key !== 'bdlSecondaryBlue' && hex.startsWith('#');\n};\n\nObject.keys(variables).forEach(colorKey => {\n    const colorHex = (variables as { [k: string]: string | Array<string> })[colorKey];\n    if (Array.isArray(colorHex)) return;\n    if (isPaletteColor(colorHex, colorKey)) {\n        const paletteGroup = (colorKey.match(/[A-Z][a-z]+/g) as Array<string>).join(' ');\n\n        if (!bdlColors[paletteGroup]) {\n            bdlColors[paletteGroup] = [];\n        }\n\n        const color = Color(colorHex);\n        const scssVariableName = (colorKey.match(/(bdl)|([A-Z][a-z]+)|(\\d+)/g) as Array<string>).join('-');\n        const contrastRatio = color.contrast(Color('#fff'));\n\n        bdlColors[paletteGroup].push({ scssVariableName, colorHex, colorKey, contrastRatio });\n    }\n});\n\nconst wrapper: React.CSSProperties = {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n};\n\nconst palette: React.CSSProperties = {};\n\nconst swatchContainer: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n};\n\nconst swatch: React.CSSProperties = {\n    borderRadius: '4px',\n    height: '40px',\n    width: '200px',\n    display: 'inline-block',\n};\n\nconst label: React.CSSProperties = {\n    margin: '0 8px 0 16px',\n};\n\nconst LabelCell = (props: { children: React.ReactNode }) => <td style={{ minWidth: 240 }}>{props.children}</td>;\n\nconst Swatch = ({ color }: { color: TSwatch }) => (\n    <div style={swatchContainer}>\n        <span style={{ ...swatch, backgroundColor: color.colorHex }} />\n        <table style={label}>\n            <tr>\n                <LabelCell>\n                    <strong>SCSS:</strong> <code>${color.scssVariableName.toLowerCase()}</code>\n                </LabelCell>\n                <LabelCell>\n                    <strong title=\"WCAG contrast ratio against white background\">WCAG:</strong>{' '}\n                    <code>{color.contrastRatio.toFixed(2)}</code>{' '}\n                    {color.contrastRatio > WCAG_AA ? '(AA ✔︎)' : <s>(AA)</s>}\n                </LabelCell>\n            </tr>\n            <tr>\n                <LabelCell>\n                    <strong>JS:</strong> <code>{color.colorKey}</code>\n                </LabelCell>\n                <LabelCell>\n                    <strong>Hex:</strong> <code>{color.colorHex}</code>\n                </LabelCell>\n            </tr>\n        </table>\n    </div>\n);\n\nconst allColors = () => (\n    <div style={wrapper}>\n        <div>\n            <h4>Base</h4>\n            <div style={palette}>\n                <Swatch\n                    key=\"black\"\n                    color={{ scssVariableName: 'black', colorHex: '#000000', colorKey: 'black', contrastRatio: 100 }}\n                />\n                <Swatch\n                    key=\"white\"\n                    color={{ scssVariableName: 'white', colorHex: '#ffffff', colorKey: 'white', contrastRatio: 0 }}\n                />\n            </div>\n        </div>\n        {Object.entries(bdlColors)\n            .sort((A, B) => {\n                // Sort the palette by grayness (hue/saturation = 0) and then by color\n                const a = Color(A[1][0].colorHex);\n                const b = Color(B[1][0].colorHex);\n                if (a.hsl().object().h === 0) return -1;\n                if (b.hsl().object().h === 0) return 1;\n                return a.rgbNumber() - b.rgbNumber();\n            })\n            .map(([name, colors]) => (\n                <div key={name}>\n                    <h4>{name}</h4>\n                    <div style={palette}>\n                        {colors.map(color => (\n                            <Swatch key={color.colorKey} color={color} />\n                        ))}\n                    </div>\n                </div>\n            ))}\n    </div>\n);\n\nexport { allColors };\n\nexport default {\n    title: 'Theming|Colors',\n    parameters: {\n        notes: mdNotes,\n    },\n};\n"],"file":"colors.stories.js"}
+{"version":3,"sources":["../../src/styles/colors.stories.tsx"],"names":["React","Color","variables","mdNotes","bdlColors","WCAG_AA","isPaletteColor","hex","key","startsWith","includes","Object","keys","forEach","colorKey","colorHex","Array","isArray","paletteGroup","match","join","color","scssVariableName","contrastRatio","contrast","push","wrapper","display","flexDirection","flexWrap","palette","swatchContainer","alignItems","swatch","borderRadius","height","width","label","margin","LabelCell","props","minWidth","children","Swatch","backgroundColor","toLowerCase","toFixed","allColors","entries","sort","A","B","a","b","hsl","object","h","rgbNumber","map","name","colors","title","parameters","notes"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Color from 'color';\nimport * as variables from './variables';\nimport mdNotes from './colors.md';\n\ntype TSwatch = { scssVariableName: string; colorHex: string; colorKey: string; contrastRatio: number };\n\nconst bdlColors: { [k: string]: Array<TSwatch> } = {};\n\nconst WCAG_AA = 4.5; // minimum contrast ratio for text\n\nconst isPaletteColor = (hex: string, key: string) => {\n    return key.startsWith('bdl') && !key.includes('Neutral') && key !== 'bdlSecondaryBlue' && hex.startsWith('#');\n};\n\nObject.keys(variables).forEach(colorKey => {\n    const colorHex = (variables as { [k: string]: string | Array<string> })[colorKey];\n    if (Array.isArray(colorHex)) return;\n    if (isPaletteColor(colorHex, colorKey)) {\n        const paletteGroup = (colorKey.match(/[A-Z][a-z]+/g) as Array<string>).join(' ');\n\n        if (!bdlColors[paletteGroup]) {\n            bdlColors[paletteGroup] = [];\n        }\n\n        const color = Color(colorHex);\n        const scssVariableName = (colorKey.match(/(bdl)|([A-Z][a-z]+)|(\\d+)/g) as Array<string>).join('-');\n        const contrastRatio = color.contrast(Color('#fff'));\n\n        bdlColors[paletteGroup].push({ scssVariableName, colorHex, colorKey, contrastRatio });\n    }\n});\n\nconst wrapper: React.CSSProperties = {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n};\n\nconst palette: React.CSSProperties = {};\n\nconst swatchContainer: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n};\n\nconst swatch: React.CSSProperties = {\n    borderRadius: '4px',\n    height: '40px',\n    width: '200px',\n    display: 'inline-block',\n};\n\nconst label: React.CSSProperties = {\n    margin: '0 8px 0 16px',\n};\n\nconst LabelCell = (props: { children: React.ReactNode }) => <td style={{ minWidth: 240 }}>{props.children}</td>;\n\nconst Swatch = ({ color }: { color: TSwatch }) => (\n    <div style={swatchContainer}>\n        <span style={{ ...swatch, backgroundColor: color.colorHex }} />\n        <table style={label}>\n            <tr>\n                <LabelCell>\n                    <strong>SCSS:</strong> <code>${color.scssVariableName.toLowerCase()}</code>\n                </LabelCell>\n                <LabelCell>\n                    <strong title=\"WCAG contrast ratio against white background\">WCAG:</strong>{' '}\n                    <code>{color.contrastRatio.toFixed(2)}</code>{' '}\n                    {color.contrastRatio > WCAG_AA ? '(AA ✔︎)' : <s>(AA)</s>}\n                </LabelCell>\n            </tr>\n            <tr>\n                <LabelCell>\n                    <strong>JS:</strong> <code>{color.colorKey}</code>\n                </LabelCell>\n                <LabelCell>\n                    <strong>Hex:</strong> <code>{color.colorHex}</code>\n                </LabelCell>\n            </tr>\n        </table>\n    </div>\n);\n\nconst allColors = () => (\n    <div style={wrapper}>\n        <div>\n            <h4>Base</h4>\n            <div style={palette}>\n                <Swatch\n                    key=\"black\"\n                    color={{ scssVariableName: 'black', colorHex: '#000000', colorKey: 'black', contrastRatio: 100 }}\n                />\n                <Swatch\n                    key=\"white\"\n                    color={{ scssVariableName: 'white', colorHex: '#ffffff', colorKey: 'white', contrastRatio: 0 }}\n                />\n            </div>\n        </div>\n        {Object.entries(bdlColors)\n            .sort((A, B) => {\n                // Sort the palette by grayness (hue/saturation = 0) and then by color\n                const a = Color(A[1][0].colorHex);\n                const b = Color(B[1][0].colorHex);\n                if (a.hsl().object().h === 0) return -1;\n                if (b.hsl().object().h === 0) return 1;\n                return a.rgbNumber() - b.rgbNumber();\n            })\n            .map(([name, colors]) => (\n                <div key={name}>\n                    <h4>{name}</h4>\n                    <div style={palette}>\n                        {colors.map(color => (\n                            <Swatch key={color.colorKey} color={color} />\n                        ))}\n                    </div>\n                </div>\n            ))}\n    </div>\n);\n\nexport { allColors };\n\nexport default {\n    title: 'Theming/Colors',\n    parameters: {\n        notes: mdNotes,\n    },\n};\n"],"file":"colors.stories.js"}

package/es/styles/common/_buttons.scss

@@ -176,7 +176,7 @@ button svg {
         &:focus {
             background-color: lighten($primary-color, 8%);
             border: $bdl-btn-border-width solid $primary-color;
-            box-shadow: inset 0 0 0 1px fade-out($white, .2), 0 1px 2px fade-out($black, .9);
+            box-shadow: $bdl-btn-primary-box-shadow;
         }
 
         &:hover {

package/es/styles/constants/_buttons.scss

@@ -4,3 +4,4 @@ $bdl-btn-height-large: 40px;
 $bdl-btn-icon-size: 20px;
 $bdl-btn-text-icon-size: 16px;
 $bdl-btn-padding-horizontal: $bdl-grid-unit * 4;
+$bdl-btn-primary-box-shadow: inset 0 0 0 1px fade-out($white, .2), 0 1px 2px fade-out($black, .9);

package/es/styles/typography.stories.js

@@ -44,6 +44,6 @@ export const text = () => React.createElement("div", {
   className: "input-text"
 }, "Project Symphony")));
 export default {
-  title: 'Theming|Typography'
+  title: 'Theming/Typography'
 };
 //# sourceMappingURL=typography.stories.js.map

package/es/styles/typography.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/typography.stories.tsx"],"names":["React","lato","heading","text","title"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAO,2BAAP;AAEA,OAAO,MAAMC,IAAI,GAAG,MAChB;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,2CADJ,CADJ,EAII;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,QADJ,EAEI;AAAK,EAAA,SAAS,EAAC;AAAf,aAFJ,CADJ,EAKI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,QADJ,EAEI;AAAK,EAAA,SAAS,EAAC;AAAf,UAFJ,CALJ,CAJJ,CADG;AAkBP,OAAO,MAAMC,OAAO,GAAG,MACnB;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CADJ,EAKI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CALJ,EASI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CATJ,EAaI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CAbJ,EAiBI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CAjBJ,EAqBI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CArBJ,CADG;AA6BP,OAAO,MAAMC,IAAI,GAAG,MAChB;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,iCACI,0CADJ,EAEI;AAAM,EAAA,SAAS,EAAC;AAAhB,sBAFJ,CADJ,EAKI,iCACI,iDADJ,EAEI;AAAM,EAAA,SAAS,EAAC;AAAhB,sBAFJ,CALJ,EASI,iCACI,gDADJ,EAEI;AAAM,EAAA,SAAS,EAAC;AAAhB,sBAFJ,CATJ,CADG;AAiBP,eAAe;AACXC,EAAAA,KAAK,EAAE;AADI,CAAf","sourcesContent":["import * as React from 'react';\nimport './typography.stories.scss';\n\nexport const lato = () => (\n    <div className=\"typography\">\n        <div className=\"heading\">\n            <h1>Lato 2.0</h1>\n        </div>\n        <div className=\"weights\">\n            <div className=\"regular\">\n                <div className=\"preview\">Aa</div>\n                <div className=\"weight\">Regular</div>\n            </div>\n            <div className=\"bold\">\n                <div className=\"preview\">Aa</div>\n                <div className=\"weight\">Bold</div>\n            </div>\n        </div>\n    </div>\n);\n\nexport const heading = () => (\n    <div className=\"typography\">\n        <div className=\"heading\">\n            <label>H1</label>\n            <h1>Project Symphony</h1>\n        </div>\n        <div className=\"heading\">\n            <label>H2</label>\n            <h2>Project Symphony</h2>\n        </div>\n        <div className=\"heading\">\n            <label>H3</label>\n            <h3>Project Symphony</h3>\n        </div>\n        <div className=\"heading\">\n            <label>H4</label>\n            <h4>Project Symphony</h4>\n        </div>\n        <div className=\"heading\">\n            <label>H5</label>\n            <h5>Project Symphony</h5>\n        </div>\n        <div className=\"heading\">\n            <label>H6</label>\n            <h6>Project Symphony</h6>\n        </div>\n    </div>\n);\n\nexport const text = () => (\n    <div className=\"typography\">\n        <div>\n            <label>BODY</label>\n            <span className=\"body\">Project Symphony</span>\n        </div>\n        <div>\n            <label>INPUT LABEL</label>\n            <span className=\"input-label\">Project Symphony</span>\n        </div>\n        <div>\n            <label>INPUT TEXT</label>\n            <span className=\"input-text\">Project Symphony</span>\n        </div>\n    </div>\n);\n\nexport default {\n    title: 'Theming|Typography',\n};\n"],"file":"typography.stories.js"}
+{"version":3,"sources":["../../src/styles/typography.stories.tsx"],"names":["React","lato","heading","text","title"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAO,2BAAP;AAEA,OAAO,MAAMC,IAAI,GAAG,MAChB;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,2CADJ,CADJ,EAII;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,QADJ,EAEI;AAAK,EAAA,SAAS,EAAC;AAAf,aAFJ,CADJ,EAKI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,QADJ,EAEI;AAAK,EAAA,SAAS,EAAC;AAAf,UAFJ,CALJ,CAJJ,CADG;AAkBP,OAAO,MAAMC,OAAO,GAAG,MACnB;AAAK,EAAA,SAAS,EAAC;AAAf,GACI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CADJ,EAKI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CALJ,EASI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CATJ,EAaI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CAbJ,EAiBI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CAjBJ,EAqBI;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,wCADJ,EAEI,mDAFJ,CArBJ,CADG;AA6BP,OAAO,MAAMC,IAAI,GAAG,MAChB;AAAK,EAAA,SAAS,EAAC;AAAf,GACI,iCACI,0CADJ,EAEI;AAAM,EAAA,SAAS,EAAC;AAAhB,sBAFJ,CADJ,EAKI,iCACI,iDADJ,EAEI;AAAM,EAAA,SAAS,EAAC;AAAhB,sBAFJ,CALJ,EASI,iCACI,gDADJ,EAEI;AAAM,EAAA,SAAS,EAAC;AAAhB,sBAFJ,CATJ,CADG;AAiBP,eAAe;AACXC,EAAAA,KAAK,EAAE;AADI,CAAf","sourcesContent":["import * as React from 'react';\nimport './typography.stories.scss';\n\nexport const lato = () => (\n    <div className=\"typography\">\n        <div className=\"heading\">\n            <h1>Lato 2.0</h1>\n        </div>\n        <div className=\"weights\">\n            <div className=\"regular\">\n                <div className=\"preview\">Aa</div>\n                <div className=\"weight\">Regular</div>\n            </div>\n            <div className=\"bold\">\n                <div className=\"preview\">Aa</div>\n                <div className=\"weight\">Bold</div>\n            </div>\n        </div>\n    </div>\n);\n\nexport const heading = () => (\n    <div className=\"typography\">\n        <div className=\"heading\">\n            <label>H1</label>\n            <h1>Project Symphony</h1>\n        </div>\n        <div className=\"heading\">\n            <label>H2</label>\n            <h2>Project Symphony</h2>\n        </div>\n        <div className=\"heading\">\n            <label>H3</label>\n            <h3>Project Symphony</h3>\n        </div>\n        <div className=\"heading\">\n            <label>H4</label>\n            <h4>Project Symphony</h4>\n        </div>\n        <div className=\"heading\">\n            <label>H5</label>\n            <h5>Project Symphony</h5>\n        </div>\n        <div className=\"heading\">\n            <label>H6</label>\n            <h6>Project Symphony</h6>\n        </div>\n    </div>\n);\n\nexport const text = () => (\n    <div className=\"typography\">\n        <div>\n            <label>BODY</label>\n            <span className=\"body\">Project Symphony</span>\n        </div>\n        <div>\n            <label>INPUT LABEL</label>\n            <span className=\"input-label\">Project Symphony</span>\n        </div>\n        <div>\n            <label>INPUT TEXT</label>\n            <span className=\"input-text\">Project Symphony</span>\n        </div>\n    </div>\n);\n\nexport default {\n    title: 'Theming/Typography',\n};\n"],"file":"typography.stories.js"}

package/es/utils/Browser.js

@@ -84,6 +84,17 @@ class Browser {
     const userAgent = Browser.getUserAgent();
     return Browser.isMobile() && /AppleWebKit/i.test(userAgent) && /CriOS\//i.test(userAgent);
   }
+  /**
+   * Returns whether browser can download via HTML5.
+   *
+   * @see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/a/download.js
+   * @return {boolean} Whether browser supports downloading
+   */
+
+
+  static canDownload() {
+    return !Browser.isMobile() || !window.externalHost && 'download' in document.createElement('a');
+  }
   /**
    * Checks the browser for Dash support using H264 high.
    * Dash requires MediaSource extensions to exist and be applicable

package/es/utils/Browser.js.flow

@@ -82,6 +82,16 @@ class Browser {
         return Browser.isMobile() && /AppleWebKit/i.test(userAgent) && /CriOS\//i.test(userAgent);
     }
 
+    /**
+     * Returns whether browser can download via HTML5.
+     *
+     * @see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/a/download.js
+     * @return {boolean} Whether browser supports downloading
+     */
+    static canDownload() {
+        return !Browser.isMobile() || (!window.externalHost && 'download' in document.createElement('a'));
+    }
+
     /**
      * Checks the browser for Dash support using H264 high.
      * Dash requires MediaSource extensions to exist and be applicable

package/es/utils/Browser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/Browser.js"],"names":["isDashSupported","Browser","getUserAgent","global","navigator","userAgent","isMobile","test","isIE","isFirefox","isSafari","isMobileSafari","isMobileChromeOniOS","canPlayDash","recheck","mse","MediaSource","isTypeSupported","canWriteToClipboard","clipboard","writeText","canReadFromClipboard","readText"],"mappings":"AAAA;;;;;AAMA,IAAIA,eAAJ;;AAEA,MAAMC,OAAN,CAAc;AACV;;;;;;AAMA,SAAOC,YAAP,GAA8B;AAC1B,WAAOC,MAAM,CAACC,SAAP,CAAiBC,SAAxB;AACH;AAED;;;;;;;;;;AAQA,SAAOC,QAAP,GAA2B;AACvB,UAAMD,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WACI,kEAAkEK,IAAlE,CAAuEF,SAAvE,KAAqF,QAAQE,IAAR,CAAaF,SAAb,CADzF;AAGH;AAED;;;;;;;AAKA,SAAOG,IAAP,GAAc;AACV,WAAO,WAAWD,IAAX,CAAgBN,OAAO,CAACC,YAAR,EAAhB,CAAP;AACH;AAED;;;;;;;AAKA,SAAOO,SAAP,GAAmB;AACf,UAAMJ,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WAAO,WAAWK,IAAX,CAAgBF,SAAhB,KAA8B,CAAC,eAAeE,IAAf,CAAoBF,SAApB,CAAtC;AACH;AAED;;;;;;;AAKA,SAAOK,QAAP,GAAkB;AACd,UAAML,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WAAO,eAAeK,IAAf,CAAoBF,SAApB,KAAkC,CAAC,YAAYE,IAAZ,CAAiBF,SAAjB,CAA1C;AACH;AAED;;;;;;;;AAMA,SAAOM,cAAP,GAAwB;AACpB,WAAOV,OAAO,CAACK,QAAR,MAAsBL,OAAO,CAACS,QAAR,EAAtB,IAA4C,CAACT,OAAO,CAACW,mBAAR,EAApD;AACH;AAED;;;;;;;;AAMA,SAAOA,mBAAP,GAA6B;AACzB,UAAMP,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WAAOD,OAAO,CAACK,QAAR,MAAsB,eAAeC,IAAf,CAAoBF,SAApB,CAAtB,IAAwD,WAAWE,IAAX,CAAgBF,SAAhB,CAA/D;AACH;AAED;;;;;;;;;;;AASA,SAAOQ,WAAP,GAA6C;AAAA,QAA1BC,OAA0B,uEAAP,KAAO;;AACzC,QAAI,OAAOd,eAAP,KAA2B,WAA3B,IAA0Cc,OAA9C,EAAuD;AACnD,YAAMC,GAAG,GAAGZ,MAAM,CAACa,WAAnB;AACAhB,MAAAA,eAAe,GACX,CAAC,CAACe,GAAF,IACA,OAAOA,GAAG,CAACE,eAAX,KAA+B,UAD/B,IAEAF,GAAG,CAACE,eAAJ,CAAoB,iCAApB,CAHJ;AAIH;;AAED,WAAOjB,eAAP;AACH;AAED;;;;;;;;;;;;AAUA,SAAOkB,mBAAP,GAA6B;AACzB,WAAO,CAAC,EAAEf,MAAM,CAACC,SAAP,CAAiBe,SAAjB,IAA8BhB,MAAM,CAACC,SAAP,CAAiBe,SAAjB,CAA2BC,SAA3D,CAAR;AACH;AAED;;;;;;;;;;;;AAUA,SAAOC,oBAAP,GAA8B;AAC1B,WAAO,CAAC,EAAElB,MAAM,CAACC,SAAP,CAAiBe,SAAjB,IAA8BhB,MAAM,CAACC,SAAP,CAAiBe,SAAjB,CAA2BG,QAA3D,CAAR;AACH;;AA3HS;;AA8Hd,eAAerB,OAAf","sourcesContent":["/**\n * @flow\n * @file Helper for some browser utilities\n * @author Box\n */\n\nlet isDashSupported;\n\nclass Browser {\n    /**\n     * Returns the user agent.\n     * Helps in mocking out.\n     *\n     * @return {String} navigator userAgent\n     */\n    static getUserAgent(): string {\n        return global.navigator.userAgent;\n    }\n\n    /**\n     * Returns whether browser is mobile, including tablets.\n     *\n     * We rely on user agent (UA) to avoid matching desktops with touchscreens.\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent#mobile_tablet_or_desktop\n     *\n     * @return {boolean} Whether browser is mobile\n     */\n    static isMobile(): boolean {\n        const userAgent = Browser.getUserAgent();\n        return (\n            /iphone|ipad|ipod|android|blackberry|bb10|mini|windows\\sce|palm/i.test(userAgent) || /Mobi/i.test(userAgent)\n        );\n    }\n\n    /**\n     * Returns whether browser is IE.\n     *\n     * @return {boolena} Whether browser is IE\n     */\n    static isIE() {\n        return /Trident/i.test(Browser.getUserAgent());\n    }\n\n    /**\n     * Returns whether browser is Firefox.\n     *\n     * @return {boolean} Whether browser is Firefox\n     */\n    static isFirefox() {\n        const userAgent = Browser.getUserAgent();\n        return /Firefox/i.test(userAgent) && !/Seamonkey\\//i.test(userAgent);\n    }\n\n    /**\n     * Returns whether browser is Safari.\n     *\n     * @return {boolean} Whether browser is Safari\n     */\n    static isSafari() {\n        const userAgent = Browser.getUserAgent();\n        return /AppleWebKit/i.test(userAgent) && !/Chrome\\//i.test(userAgent);\n    }\n\n    /**\n     * Returns whether browser is Mobile Safari.\n     *\n     * @see https://developer.chrome.com/docs/multidevice/user-agent/\n     * @return {boolean} Whether browser is Mobile Safari\n     */\n    static isMobileSafari() {\n        return Browser.isMobile() && Browser.isSafari() && !Browser.isMobileChromeOniOS();\n    }\n\n    /**\n     * Returns whether browser is Mobile Chrome on iOS.\n     *\n     * @see https://developer.chrome.com/docs/multidevice/user-agent/\n     * @return {boolean} Whether browser is Mobile Chrome on iOS\n     */\n    static isMobileChromeOniOS() {\n        const userAgent = Browser.getUserAgent();\n        return Browser.isMobile() && /AppleWebKit/i.test(userAgent) && /CriOS\\//i.test(userAgent);\n    }\n\n    /**\n     * Checks the browser for Dash support using H264 high.\n     * Dash requires MediaSource extensions to exist and be applicable\n     * to the H264 container (since we use H264 and not webm)\n     *\n     * @public\n     * @param {boolean} recheck - recheck support\n     * @return {boolean} true if dash is usable\n     */\n    static canPlayDash(recheck: boolean = false) {\n        if (typeof isDashSupported === 'undefined' || recheck) {\n            const mse = global.MediaSource;\n            isDashSupported =\n                !!mse &&\n                typeof mse.isTypeSupported === 'function' &&\n                mse.isTypeSupported('video/mp4; codecs=\"avc1.64001E\"');\n        }\n\n        return isDashSupported;\n    }\n\n    /**\n     * Checks whether the browser has support for the Clipboard API. This new API supercedes\n     * the `execCommand`-based API and uses Promises for detecting whether it works or not.\n     *\n     * This check determines if the browser can support writing to the clipboard.\n     * @see https://www.w3.org/TR/clipboard-apis/#async-clipboard-api\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard\n     *\n     * @return {boolean} whether writing to the clipboard is possible\n     */\n    static canWriteToClipboard() {\n        return !!(global.navigator.clipboard && global.navigator.clipboard.writeText);\n    }\n\n    /**\n     * Checks whether the browser has support for the Clipboard API. This new API supercedes\n     * the `execCommand`-based API and uses Promises for detecting whether it works or not.\n     *\n     * This check determines if the browser can support reading from the clipboard.\n     * @see https://www.w3.org/TR/clipboard-apis/#async-clipboard-api\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard\n     *\n     * @return {boolean} whether reading from the clipboard is possible\n     */\n    static canReadFromClipboard() {\n        return !!(global.navigator.clipboard && global.navigator.clipboard.readText);\n    }\n}\n\nexport default Browser;\n"],"file":"Browser.js"}
+{"version":3,"sources":["../../src/utils/Browser.js"],"names":["isDashSupported","Browser","getUserAgent","global","navigator","userAgent","isMobile","test","isIE","isFirefox","isSafari","isMobileSafari","isMobileChromeOniOS","canDownload","window","externalHost","document","createElement","canPlayDash","recheck","mse","MediaSource","isTypeSupported","canWriteToClipboard","clipboard","writeText","canReadFromClipboard","readText"],"mappings":"AAAA;;;;;AAMA,IAAIA,eAAJ;;AAEA,MAAMC,OAAN,CAAc;AACV;;;;;;AAMA,SAAOC,YAAP,GAA8B;AAC1B,WAAOC,MAAM,CAACC,SAAP,CAAiBC,SAAxB;AACH;AAED;;;;;;;;;;AAQA,SAAOC,QAAP,GAA2B;AACvB,UAAMD,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WACI,kEAAkEK,IAAlE,CAAuEF,SAAvE,KAAqF,QAAQE,IAAR,CAAaF,SAAb,CADzF;AAGH;AAED;;;;;;;AAKA,SAAOG,IAAP,GAAc;AACV,WAAO,WAAWD,IAAX,CAAgBN,OAAO,CAACC,YAAR,EAAhB,CAAP;AACH;AAED;;;;;;;AAKA,SAAOO,SAAP,GAAmB;AACf,UAAMJ,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WAAO,WAAWK,IAAX,CAAgBF,SAAhB,KAA8B,CAAC,eAAeE,IAAf,CAAoBF,SAApB,CAAtC;AACH;AAED;;;;;;;AAKA,SAAOK,QAAP,GAAkB;AACd,UAAML,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WAAO,eAAeK,IAAf,CAAoBF,SAApB,KAAkC,CAAC,YAAYE,IAAZ,CAAiBF,SAAjB,CAA1C;AACH;AAED;;;;;;;;AAMA,SAAOM,cAAP,GAAwB;AACpB,WAAOV,OAAO,CAACK,QAAR,MAAsBL,OAAO,CAACS,QAAR,EAAtB,IAA4C,CAACT,OAAO,CAACW,mBAAR,EAApD;AACH;AAED;;;;;;;;AAMA,SAAOA,mBAAP,GAA6B;AACzB,UAAMP,SAAS,GAAGJ,OAAO,CAACC,YAAR,EAAlB;AACA,WAAOD,OAAO,CAACK,QAAR,MAAsB,eAAeC,IAAf,CAAoBF,SAApB,CAAtB,IAAwD,WAAWE,IAAX,CAAgBF,SAAhB,CAA/D;AACH;AAED;;;;;;;;AAMA,SAAOQ,WAAP,GAAqB;AACjB,WAAO,CAACZ,OAAO,CAACK,QAAR,EAAD,IAAwB,CAACQ,MAAM,CAACC,YAAR,IAAwB,cAAcC,QAAQ,CAACC,aAAT,CAAuB,GAAvB,CAArE;AACH;AAED;;;;;;;;;;;AASA,SAAOC,WAAP,GAA6C;AAAA,QAA1BC,OAA0B,uEAAP,KAAO;;AACzC,QAAI,OAAOnB,eAAP,KAA2B,WAA3B,IAA0CmB,OAA9C,EAAuD;AACnD,YAAMC,GAAG,GAAGjB,MAAM,CAACkB,WAAnB;AACArB,MAAAA,eAAe,GACX,CAAC,CAACoB,GAAF,IACA,OAAOA,GAAG,CAACE,eAAX,KAA+B,UAD/B,IAEAF,GAAG,CAACE,eAAJ,CAAoB,iCAApB,CAHJ;AAIH;;AAED,WAAOtB,eAAP;AACH;AAED;;;;;;;;;;;;AAUA,SAAOuB,mBAAP,GAA6B;AACzB,WAAO,CAAC,EAAEpB,MAAM,CAACC,SAAP,CAAiBoB,SAAjB,IAA8BrB,MAAM,CAACC,SAAP,CAAiBoB,SAAjB,CAA2BC,SAA3D,CAAR;AACH;AAED;;;;;;;;;;;;AAUA,SAAOC,oBAAP,GAA8B;AAC1B,WAAO,CAAC,EAAEvB,MAAM,CAACC,SAAP,CAAiBoB,SAAjB,IAA8BrB,MAAM,CAACC,SAAP,CAAiBoB,SAAjB,CAA2BG,QAA3D,CAAR;AACH;;AArIS;;AAwId,eAAe1B,OAAf","sourcesContent":["/**\n * @flow\n * @file Helper for some browser utilities\n * @author Box\n */\n\nlet isDashSupported;\n\nclass Browser {\n    /**\n     * Returns the user agent.\n     * Helps in mocking out.\n     *\n     * @return {String} navigator userAgent\n     */\n    static getUserAgent(): string {\n        return global.navigator.userAgent;\n    }\n\n    /**\n     * Returns whether browser is mobile, including tablets.\n     *\n     * We rely on user agent (UA) to avoid matching desktops with touchscreens.\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent#mobile_tablet_or_desktop\n     *\n     * @return {boolean} Whether browser is mobile\n     */\n    static isMobile(): boolean {\n        const userAgent = Browser.getUserAgent();\n        return (\n            /iphone|ipad|ipod|android|blackberry|bb10|mini|windows\\sce|palm/i.test(userAgent) || /Mobi/i.test(userAgent)\n        );\n    }\n\n    /**\n     * Returns whether browser is IE.\n     *\n     * @return {boolena} Whether browser is IE\n     */\n    static isIE() {\n        return /Trident/i.test(Browser.getUserAgent());\n    }\n\n    /**\n     * Returns whether browser is Firefox.\n     *\n     * @return {boolean} Whether browser is Firefox\n     */\n    static isFirefox() {\n        const userAgent = Browser.getUserAgent();\n        return /Firefox/i.test(userAgent) && !/Seamonkey\\//i.test(userAgent);\n    }\n\n    /**\n     * Returns whether browser is Safari.\n     *\n     * @return {boolean} Whether browser is Safari\n     */\n    static isSafari() {\n        const userAgent = Browser.getUserAgent();\n        return /AppleWebKit/i.test(userAgent) && !/Chrome\\//i.test(userAgent);\n    }\n\n    /**\n     * Returns whether browser is Mobile Safari.\n     *\n     * @see https://developer.chrome.com/docs/multidevice/user-agent/\n     * @return {boolean} Whether browser is Mobile Safari\n     */\n    static isMobileSafari() {\n        return Browser.isMobile() && Browser.isSafari() && !Browser.isMobileChromeOniOS();\n    }\n\n    /**\n     * Returns whether browser is Mobile Chrome on iOS.\n     *\n     * @see https://developer.chrome.com/docs/multidevice/user-agent/\n     * @return {boolean} Whether browser is Mobile Chrome on iOS\n     */\n    static isMobileChromeOniOS() {\n        const userAgent = Browser.getUserAgent();\n        return Browser.isMobile() && /AppleWebKit/i.test(userAgent) && /CriOS\\//i.test(userAgent);\n    }\n\n    /**\n     * Returns whether browser can download via HTML5.\n     *\n     * @see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/a/download.js\n     * @return {boolean} Whether browser supports downloading\n     */\n    static canDownload() {\n        return !Browser.isMobile() || (!window.externalHost && 'download' in document.createElement('a'));\n    }\n\n    /**\n     * Checks the browser for Dash support using H264 high.\n     * Dash requires MediaSource extensions to exist and be applicable\n     * to the H264 container (since we use H264 and not webm)\n     *\n     * @public\n     * @param {boolean} recheck - recheck support\n     * @return {boolean} true if dash is usable\n     */\n    static canPlayDash(recheck: boolean = false) {\n        if (typeof isDashSupported === 'undefined' || recheck) {\n            const mse = global.MediaSource;\n            isDashSupported =\n                !!mse &&\n                typeof mse.isTypeSupported === 'function' &&\n                mse.isTypeSupported('video/mp4; codecs=\"avc1.64001E\"');\n        }\n\n        return isDashSupported;\n    }\n\n    /**\n     * Checks whether the browser has support for the Clipboard API. This new API supercedes\n     * the `execCommand`-based API and uses Promises for detecting whether it works or not.\n     *\n     * This check determines if the browser can support writing to the clipboard.\n     * @see https://www.w3.org/TR/clipboard-apis/#async-clipboard-api\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard\n     *\n     * @return {boolean} whether writing to the clipboard is possible\n     */\n    static canWriteToClipboard() {\n        return !!(global.navigator.clipboard && global.navigator.clipboard.writeText);\n    }\n\n    /**\n     * Checks whether the browser has support for the Clipboard API. This new API supercedes\n     * the `execCommand`-based API and uses Promises for detecting whether it works or not.\n     *\n     * This check determines if the browser can support reading from the clipboard.\n     * @see https://www.w3.org/TR/clipboard-apis/#async-clipboard-api\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard\n     *\n     * @return {boolean} whether reading from the clipboard is possible\n     */\n    static canReadFromClipboard() {\n        return !!(global.navigator.clipboard && global.navigator.clipboard.readText);\n    }\n}\n\nexport default Browser;\n"],"file":"Browser.js"}

package/es/utils/comparator.js

@@ -12,7 +12,7 @@ import { TYPE_FILE, TYPE_FOLDER, SORT_DESC, FIELD_MODIFIED_AT, FIELD_INTERACTED_
  * @param {string} sortDirection desc or asc
  * @return {Function} comparator function
  */
-export default function (sortBy, sortDirection, cache) {
+export default function comparator(sortBy, sortDirection, cache) {
   const invert = sortDirection === SORT_DESC ? 1 : -1;
   return (a, b) => {
     const itemA = cache.get(a);

package/es/utils/comparator.js.flow

@@ -23,7 +23,7 @@ import type APICache from './Cache';
  * @param {string} sortDirection desc or asc
  * @return {Function} comparator function
  */
-export default function(sortBy: SortBy, sortDirection: SortDirection, cache: APICache): Function {
+export default function comparator(sortBy: SortBy, sortDirection: SortDirection, cache: APICache): Function {
     const invert: number = sortDirection === SORT_DESC ? 1 : -1;
     return (a: string, b: string): number => {
         const itemA: BoxItem = cache.get(a);

package/es/utils/comparator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/comparator.js"],"names":["TYPE_FILE","TYPE_FOLDER","SORT_DESC","FIELD_MODIFIED_AT","FIELD_INTERACTED_AT","FIELD_NAME","FIELD_SIZE","sortBy","sortDirection","cache","invert","a","b","itemA","get","itemB","itemAType","type","itemBType","itemAName","name","itemBName","itemADate","Date","parse","modified_at","itemBDate","itemAInteractedDate","interacted_at","itemBInteractedDate","itemASize","size","itemBSize","toLowerCase","Error"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Function to sort item list\n * @author Box\n */\n\nimport {\n    TYPE_FILE,\n    TYPE_FOLDER,\n    SORT_DESC,\n    FIELD_MODIFIED_AT,\n    FIELD_INTERACTED_AT,\n    FIELD_NAME,\n    FIELD_SIZE,\n} from '../constants';\nimport type { SortBy, SortDirection, ItemType, BoxItem } from '../common/types/core';\nimport type APICache from './Cache';\n\n/**\n * Comparator function for sorting files and folders\n *\n * @param {string} sortBy field to sort by\n * @param {string} sortDirection desc or asc\n * @return {Function} comparator function\n */\nexport default function(sortBy: SortBy, sortDirection: SortDirection, cache: APICache): Function {\n    const invert: number = sortDirection === SORT_DESC ? 1 : -1;\n    return (a: string, b: string): number => {\n        const itemA: BoxItem = cache.get(a);\n        const itemB: BoxItem = cache.get(b);\n\n        const itemAType: ItemType = itemA.type || TYPE_FILE;\n        const itemBType: ItemType = itemB.type || TYPE_FILE;\n        const itemAName: string = itemA.name || '';\n        const itemBName: string = itemB.name || '';\n        const itemADate: number = Date.parse(itemA.modified_at || '0');\n        const itemBDate: number = Date.parse(itemB.modified_at || '0');\n        const itemAInteractedDate: number = Date.parse(itemA.interacted_at || itemA.modified_at || '0');\n        const itemBInteractedDate: number = Date.parse(itemB.interacted_at || itemB.modified_at || '0');\n        const itemASize: number = itemA.size || 0;\n        const itemBSize: number = itemB.size || 0;\n\n        // If a and b are of the same type, then use sortBy\n        if (itemAType === itemBType) {\n            if (sortBy === FIELD_NAME) {\n                if (itemAName.toLowerCase() > itemBName.toLowerCase()) return -1 * invert;\n                if (itemAName.toLowerCase() < itemBName.toLowerCase()) return 1 * invert;\n            } else if (sortBy === FIELD_MODIFIED_AT) {\n                if (itemADate > itemBDate) return -1 * invert;\n                if (itemADate < itemBDate) return 1 * invert;\n            } else if (sortBy === FIELD_INTERACTED_AT) {\n                if (itemAInteractedDate > itemBInteractedDate) return -1 * invert;\n                if (itemAInteractedDate < itemBInteractedDate) return 1 * invert;\n            } else if (sortBy === FIELD_SIZE) {\n                if (itemASize > itemBSize) return -1 * invert;\n                if (itemASize < itemBSize) return 1 * invert;\n            } else {\n                // Should never reach here\n                throw new Error('Unsupported sort field!');\n            }\n\n            return 0;\n        }\n\n        // If a and b are of different types, then use type to sort\n        // Folder > File > WebLink\n        if (itemAType === TYPE_FOLDER) return -1;\n        if (itemBType === TYPE_FOLDER) return 1;\n        if (itemAType === TYPE_FILE) return -1;\n        if (itemBType === TYPE_FILE) return 1;\n\n        // Should never reach here\n        throw new Error('Error in sort comparator!');\n    };\n}\n"],"file":"comparator.js"}
+{"version":3,"sources":["../../src/utils/comparator.js"],"names":["TYPE_FILE","TYPE_FOLDER","SORT_DESC","FIELD_MODIFIED_AT","FIELD_INTERACTED_AT","FIELD_NAME","FIELD_SIZE","comparator","sortBy","sortDirection","cache","invert","a","b","itemA","get","itemB","itemAType","type","itemBType","itemAName","name","itemBName","itemADate","Date","parse","modified_at","itemBDate","itemAInteractedDate","interacted_at","itemBInteractedDate","itemASize","size","itemBSize","toLowerCase","Error"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Function to sort item list\n * @author Box\n */\n\nimport {\n    TYPE_FILE,\n    TYPE_FOLDER,\n    SORT_DESC,\n    FIELD_MODIFIED_AT,\n    FIELD_INTERACTED_AT,\n    FIELD_NAME,\n    FIELD_SIZE,\n} from '../constants';\nimport type { SortBy, SortDirection, ItemType, BoxItem } from '../common/types/core';\nimport type APICache from './Cache';\n\n/**\n * Comparator function for sorting files and folders\n *\n * @param {string} sortBy field to sort by\n * @param {string} sortDirection desc or asc\n * @return {Function} comparator function\n */\nexport default function comparator(sortBy: SortBy, sortDirection: SortDirection, cache: APICache): Function {\n    const invert: number = sortDirection === SORT_DESC ? 1 : -1;\n    return (a: string, b: string): number => {\n        const itemA: BoxItem = cache.get(a);\n        const itemB: BoxItem = cache.get(b);\n\n        const itemAType: ItemType = itemA.type || TYPE_FILE;\n        const itemBType: ItemType = itemB.type || TYPE_FILE;\n        const itemAName: string = itemA.name || '';\n        const itemBName: string = itemB.name || '';\n        const itemADate: number = Date.parse(itemA.modified_at || '0');\n        const itemBDate: number = Date.parse(itemB.modified_at || '0');\n        const itemAInteractedDate: number = Date.parse(itemA.interacted_at || itemA.modified_at || '0');\n        const itemBInteractedDate: number = Date.parse(itemB.interacted_at || itemB.modified_at || '0');\n        const itemASize: number = itemA.size || 0;\n        const itemBSize: number = itemB.size || 0;\n\n        // If a and b are of the same type, then use sortBy\n        if (itemAType === itemBType) {\n            if (sortBy === FIELD_NAME) {\n                if (itemAName.toLowerCase() > itemBName.toLowerCase()) return -1 * invert;\n                if (itemAName.toLowerCase() < itemBName.toLowerCase()) return 1 * invert;\n            } else if (sortBy === FIELD_MODIFIED_AT) {\n                if (itemADate > itemBDate) return -1 * invert;\n                if (itemADate < itemBDate) return 1 * invert;\n            } else if (sortBy === FIELD_INTERACTED_AT) {\n                if (itemAInteractedDate > itemBInteractedDate) return -1 * invert;\n                if (itemAInteractedDate < itemBInteractedDate) return 1 * invert;\n            } else if (sortBy === FIELD_SIZE) {\n                if (itemASize > itemBSize) return -1 * invert;\n                if (itemASize < itemBSize) return 1 * invert;\n            } else {\n                // Should never reach here\n                throw new Error('Unsupported sort field!');\n            }\n\n            return 0;\n        }\n\n        // If a and b are of different types, then use type to sort\n        // Folder > File > WebLink\n        if (itemAType === TYPE_FOLDER) return -1;\n        if (itemBType === TYPE_FOLDER) return 1;\n        if (itemAType === TYPE_FILE) return -1;\n        if (itemBType === TYPE_FILE) return 1;\n\n        // Should never reach here\n        throw new Error('Error in sort comparator!');\n    };\n}\n"],"file":"comparator.js"}

package/es/utils/createTheme.stories.js

@@ -93,7 +93,7 @@ export const ThemeExample = () => {
   }, React.createElement(ThemeDemoIcon, null, React.createElement(IconDevConsole, null)), "Developer Console"))), React.createElement("br", null), React.createElement("section", null, React.createElement("details", null, React.createElement("summary", null, "JSON Theme"), React.createElement("pre", null, React.createElement("code", null, JSON.stringify(theme, null, 2))))));
 };
 export default {
-  title: 'Theming|Theme',
+  title: 'Theming/Theme',
   component: ThemeExample,
   parameters: {
     notes

package/es/utils/createTheme.stories.js.flow

@@ -267,7 +267,7 @@ export const ThemeExample = () => {
 };
 
 export default {
-    title: 'Theming|Theme',
+    title: 'Theming/Theme',
     component: ThemeExample,
     parameters: { notes },
 };

package/es/utils/createTheme.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createTheme.stories.js"],"names":["React","styled","ThemeProvider","keyframes","color","text","vars","defaultTheme","BoxButton","BoxLogo","createTheme","notes","IconAllFiles","IconNotes","IconRecents","IconTrash","IconFavorites","IconDevConsole","Swatch","div","p","bdlGray30","bdlBorderRadiusSize","BaseButton","props","theme","base","buttonBackground","buttonBorder","buttonForeground","bdlBorderRadiusSizeMed","bdlFontSizeDejaBlue","buttonBackgroundHover","buttonBorderHover","buttonBackgroundActive","buttonBorderActive","PrimaryButton","primary","ThemeDemo","foreground","border","background","ThemeDemoMenuItem","bdlBorderRadiusSizeLarge","backgroundHover","backgroundActive","scroll","ThemeDemoProgressBar","progressBarBackground","ThemeDemoLogo","ThemeDemoIcon","span","Footer","ThemeExample","colorText","colorMap","colorHex","test","float","Object","entries","filter","key","map","val","_debug","colorRange","marginLeft","JSON","stringify","title","component","parameters"],"mappings":"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","sourcesContent":["/* eslint-disable no-underscore-dangle */\n// @ts-nocheck\nimport React from 'react';\nimport styled, { ThemeProvider, keyframes } from 'styled-components';\nimport { color, text } from '@storybook/addon-knobs';\n\nimport * as vars from '../styles/variables';\nimport defaultTheme from '../styles/theme';\nimport BoxButton from '../components/button';\nimport BoxLogo from '../icon/logo/BoxLogo';\nimport { createTheme } from './createTheme';\nimport notes from './createTheme.stories.md';\n\nimport IconAllFiles from '../features/left-sidebar/icons/IconAllFiles';\nimport IconNotes from '../features/left-sidebar/icons/IconNotes';\nimport IconRecents from '../features/left-sidebar/icons/IconRecents';\nimport IconTrash from '../features/left-sidebar/icons/IconTrash';\nimport IconFavorites from '../features/left-sidebar/icons/IconFavorites';\nimport IconDevConsole from '../features/left-sidebar/icons/IconDevConsole';\n\nconst Swatch = styled.div`\n    display: inline-block;\n    background: ${p => p.color};\n    border: 1px solid ${vars.bdlGray30};\n    height: 1em;\n    width: 1em;\n    border-radius: ${vars.bdlBorderRadiusSize};\n`;\n\nconst BaseButton = styled(BoxButton)`\n    background: ${props => props.theme.base.buttonBackground};\n    border-color: ${props => props.theme.base.buttonBorder};\n    color: ${props => props.theme.base.buttonForeground};\n\n    font-weight: bold;\n    border-radius: ${vars.bdlBorderRadiusSizeMed};\n    font-size: ${vars.bdlFontSizeDejaBlue};\n\n    .btn:not(.is-disabled)&:hover {\n        background: ${props => props.theme.base.buttonBackgroundHover};\n        border-color: ${props => props.theme.base.buttonBorderHover};\n    }\n    .btn:not(.is-disabled)&:active {\n        background: ${props => props.theme.base.buttonBackgroundActive};\n        border-color: ${props => props.theme.base.buttonBorderActive};\n    }\n`;\n\nconst PrimaryButton = styled(BoxButton)`\n    background: ${props => props.theme.primary.buttonBackground};\n    border-color: ${props => props.theme.primary.buttonBorder};\n    color: ${props => props.theme.primary.buttonForeground};\n\n    font-weight: bold;\n    border-radius: ${vars.bdlBorderRadiusSizeMed};\n    font-size: ${vars.bdlFontSizeDejaBlue};\n\n    .btn:not(.is-disabled)&:hover {\n        background: ${props => props.theme.primary.buttonBackgroundHover};\n        border-color: ${props => props.theme.primary.buttonBorderHover};\n    }\n    .btn:not(.is-disabled)&:active {\n        background: ${props => props.theme.primary.buttonBackgroundActive};\n        border-color: ${props => props.theme.primary.buttonBorderActive};\n    }\n`;\n\nconst ThemeDemo = styled.div`\n    width: 200px;\n    min-height: 500px;\n    padding: 8px;\n    border-radius: ${vars.bdlBorderRadiusSize};\n    display: flex;\n    flex-direction: column;\n    color: ${p => p.theme.primary.foreground};\n\n    border: 1px solid ${p => p.theme.primary.border};\n    background: ${p => p.theme.primary.background};\n`;\n\nconst ThemeDemoMenuItem = styled.div`\n    cursor: pointer;\n    padding: 8px 12px;\n    margin: 2px 4px;\n    border-radius: ${vars.bdlBorderRadiusSizeLarge};\n    font-weight: bold;\n    transition: 0.15s;\n    border: 1px solid;\n    border-color: transparent;\n    &:hover {\n        background: ${p => p.theme.primary.backgroundHover};\n    }\n    &.active,\n    &:active {\n        background: ${p => p.theme.primary.backgroundActive};\n    }\n\n    &:focus,\n    &:active {\n        border-color: ${p => p.theme.primary.foreground};\n    }\n\n    &.alt {\n        background: ${p => p.theme.primary.backgroundHover};\n\n        &:hover {\n            background: ${p => p.theme.primary.backgroundActive};\n        }\n    }\n`;\n\nconst scroll = keyframes`\n    0% {\n        right: 100%;\n        left: 0%;\n    }\n\n    50% {\n        right: 0%;\n        left: 0%;\n    }\n\n    100% {\n        right: 0%;\n        left: 100%;\n    }\n`;\n\nconst ThemeDemoProgressBar = styled.div`\n    position: relative;\n    display: inline-block;\n    height: 6px;\n    width: 300px;\n    padding: 0;\n\n    &::before {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        content: '';\n        background-color: ${props => props.theme.primary.progressBarBackground};\n        will-change: left, right;\n        animation: 2s ${scroll} infinite;\n    }\n`;\n\nconst ThemeDemoLogo = styled(BoxLogo)`\n    width: 61px;\n    height: 32px;\n    margin: 4px 4px 16px 4px;\n    & path,\n    & .fill-color {\n        fill: ${props => props.theme.primary.foreground};\n    }\n`;\n\nconst ThemeDemoIcon = styled.span`\n    margin-right: 8px;\n    & svg {\n        top: 2px;\n        position: relative;\n    }\n    & path,\n    & .fill-color {\n        fill: ${props => props.theme.primary.foreground};\n    }\n`;\n\nconst Footer = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n`;\n\nexport const ThemeExample = () => {\n    const colorText = text('Primary Color Hex');\n    const colorMap = color('Primary Color', '#0061d5');\n\n    const colorHex = /^#[0-9A-F]{6}$/i.test(colorText) ? colorText : colorMap;\n\n    const theme = colorHex ? createTheme(colorHex) : defaultTheme;\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div style={{ float: 'right' }}>\n                <section>\n                    <h4>theme.primary</h4>\n                    {Object.entries(theme.primary)\n                        .filter(([key]) => key !== '_debug')\n                        .map(([key, val]) => (\n                            <div key={key}>\n                                <Swatch color={val} /> {key} <code>{val}</code>\n                            </div>\n                        ))}\n                    <span>Theme Color Range: {theme.primary._debug.colorRange}</span>\n                    <br />\n                    <h4>theme.base</h4>\n                    {Object.entries(theme.base).map(([key, val]) => (\n                        <div key={key}>\n                            <Swatch color={val} /> {key} <code>{val}</code>\n                        </div>\n                    ))}\n                </section>\n            </div>\n            <div style={{ marginLeft: -5 }}>\n                <BaseButton>Base</BaseButton>\n                <PrimaryButton>Primary</PrimaryButton>\n            </div>\n            <br />\n            <ThemeDemoProgressBar />\n            <br />\n            <br />\n            <ThemeDemo>\n                <ThemeDemoLogo />\n                <ThemeDemoMenuItem className=\"active\">\n                    <ThemeDemoIcon>\n                        <IconAllFiles />\n                    </ThemeDemoIcon>\n                    All Files\n                </ThemeDemoMenuItem>\n                <ThemeDemoMenuItem>\n                    <ThemeDemoIcon>\n                        <IconRecents />\n                    </ThemeDemoIcon>\n                    Recents\n                </ThemeDemoMenuItem>\n                <ThemeDemoMenuItem>\n                    <ThemeDemoIcon>\n                        <IconFavorites />\n                    </ThemeDemoIcon>\n                    Favorites\n                </ThemeDemoMenuItem>\n                <ThemeDemoMenuItem>\n                    <ThemeDemoIcon>\n                        <IconTrash />\n                    </ThemeDemoIcon>\n                    Trash\n                </ThemeDemoMenuItem>\n                <Footer>\n                    <ThemeDemoMenuItem className=\"alt\">\n                        <ThemeDemoIcon>\n                            <IconNotes />\n                        </ThemeDemoIcon>\n                        Notes\n                    </ThemeDemoMenuItem>\n                    <ThemeDemoMenuItem className=\"alt\">\n                        <ThemeDemoIcon>\n                            <IconDevConsole />\n                        </ThemeDemoIcon>\n                        Developer Console\n                    </ThemeDemoMenuItem>\n                </Footer>\n            </ThemeDemo>\n            <br />\n            <section>\n                <details>\n                    <summary>JSON Theme</summary>\n                    <pre>\n                        <code>{JSON.stringify(theme, null, 2)}</code>\n                    </pre>\n                </details>\n            </section>\n        </ThemeProvider>\n    );\n};\n\nexport default {\n    title: 'Theming|Theme',\n    component: ThemeExample,\n    parameters: { notes },\n};\n"],"file":"createTheme.stories.js"}
+{"version":3,"sources":["../../src/utils/createTheme.stories.js"],"names":["React","styled","ThemeProvider","keyframes","color","text","vars","defaultTheme","BoxButton","BoxLogo","createTheme","notes","IconAllFiles","IconNotes","IconRecents","IconTrash","IconFavorites","IconDevConsole","Swatch","div","p","bdlGray30","bdlBorderRadiusSize","BaseButton","props","theme","base","buttonBackground","buttonBorder","buttonForeground","bdlBorderRadiusSizeMed","bdlFontSizeDejaBlue","buttonBackgroundHover","buttonBorderHover","buttonBackgroundActive","buttonBorderActive","PrimaryButton","primary","ThemeDemo","foreground","border","background","ThemeDemoMenuItem","bdlBorderRadiusSizeLarge","backgroundHover","backgroundActive","scroll","ThemeDemoProgressBar","progressBarBackground","ThemeDemoLogo","ThemeDemoIcon","span","Footer","ThemeExample","colorText","colorMap","colorHex","test","float","Object","entries","filter","key","map","val","_debug","colorRange","marginLeft","JSON","stringify","title","component","parameters"],"mappings":"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","sourcesContent":["/* eslint-disable no-underscore-dangle */\n// @ts-nocheck\nimport React from 'react';\nimport styled, { ThemeProvider, keyframes } from 'styled-components';\nimport { color, text } from '@storybook/addon-knobs';\n\nimport * as vars from '../styles/variables';\nimport defaultTheme from '../styles/theme';\nimport BoxButton from '../components/button';\nimport BoxLogo from '../icon/logo/BoxLogo';\nimport { createTheme } from './createTheme';\nimport notes from './createTheme.stories.md';\n\nimport IconAllFiles from '../features/left-sidebar/icons/IconAllFiles';\nimport IconNotes from '../features/left-sidebar/icons/IconNotes';\nimport IconRecents from '../features/left-sidebar/icons/IconRecents';\nimport IconTrash from '../features/left-sidebar/icons/IconTrash';\nimport IconFavorites from '../features/left-sidebar/icons/IconFavorites';\nimport IconDevConsole from '../features/left-sidebar/icons/IconDevConsole';\n\nconst Swatch = styled.div`\n    display: inline-block;\n    background: ${p => p.color};\n    border: 1px solid ${vars.bdlGray30};\n    height: 1em;\n    width: 1em;\n    border-radius: ${vars.bdlBorderRadiusSize};\n`;\n\nconst BaseButton = styled(BoxButton)`\n    background: ${props => props.theme.base.buttonBackground};\n    border-color: ${props => props.theme.base.buttonBorder};\n    color: ${props => props.theme.base.buttonForeground};\n\n    font-weight: bold;\n    border-radius: ${vars.bdlBorderRadiusSizeMed};\n    font-size: ${vars.bdlFontSizeDejaBlue};\n\n    .btn:not(.is-disabled)&:hover {\n        background: ${props => props.theme.base.buttonBackgroundHover};\n        border-color: ${props => props.theme.base.buttonBorderHover};\n    }\n    .btn:not(.is-disabled)&:active {\n        background: ${props => props.theme.base.buttonBackgroundActive};\n        border-color: ${props => props.theme.base.buttonBorderActive};\n    }\n`;\n\nconst PrimaryButton = styled(BoxButton)`\n    background: ${props => props.theme.primary.buttonBackground};\n    border-color: ${props => props.theme.primary.buttonBorder};\n    color: ${props => props.theme.primary.buttonForeground};\n\n    font-weight: bold;\n    border-radius: ${vars.bdlBorderRadiusSizeMed};\n    font-size: ${vars.bdlFontSizeDejaBlue};\n\n    .btn:not(.is-disabled)&:hover {\n        background: ${props => props.theme.primary.buttonBackgroundHover};\n        border-color: ${props => props.theme.primary.buttonBorderHover};\n    }\n    .btn:not(.is-disabled)&:active {\n        background: ${props => props.theme.primary.buttonBackgroundActive};\n        border-color: ${props => props.theme.primary.buttonBorderActive};\n    }\n`;\n\nconst ThemeDemo = styled.div`\n    width: 200px;\n    min-height: 500px;\n    padding: 8px;\n    border-radius: ${vars.bdlBorderRadiusSize};\n    display: flex;\n    flex-direction: column;\n    color: ${p => p.theme.primary.foreground};\n\n    border: 1px solid ${p => p.theme.primary.border};\n    background: ${p => p.theme.primary.background};\n`;\n\nconst ThemeDemoMenuItem = styled.div`\n    cursor: pointer;\n    padding: 8px 12px;\n    margin: 2px 4px;\n    border-radius: ${vars.bdlBorderRadiusSizeLarge};\n    font-weight: bold;\n    transition: 0.15s;\n    border: 1px solid;\n    border-color: transparent;\n    &:hover {\n        background: ${p => p.theme.primary.backgroundHover};\n    }\n    &.active,\n    &:active {\n        background: ${p => p.theme.primary.backgroundActive};\n    }\n\n    &:focus,\n    &:active {\n        border-color: ${p => p.theme.primary.foreground};\n    }\n\n    &.alt {\n        background: ${p => p.theme.primary.backgroundHover};\n\n        &:hover {\n            background: ${p => p.theme.primary.backgroundActive};\n        }\n    }\n`;\n\nconst scroll = keyframes`\n    0% {\n        right: 100%;\n        left: 0%;\n    }\n\n    50% {\n        right: 0%;\n        left: 0%;\n    }\n\n    100% {\n        right: 0%;\n        left: 100%;\n    }\n`;\n\nconst ThemeDemoProgressBar = styled.div`\n    position: relative;\n    display: inline-block;\n    height: 6px;\n    width: 300px;\n    padding: 0;\n\n    &::before {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        content: '';\n        background-color: ${props => props.theme.primary.progressBarBackground};\n        will-change: left, right;\n        animation: 2s ${scroll} infinite;\n    }\n`;\n\nconst ThemeDemoLogo = styled(BoxLogo)`\n    width: 61px;\n    height: 32px;\n    margin: 4px 4px 16px 4px;\n    & path,\n    & .fill-color {\n        fill: ${props => props.theme.primary.foreground};\n    }\n`;\n\nconst ThemeDemoIcon = styled.span`\n    margin-right: 8px;\n    & svg {\n        top: 2px;\n        position: relative;\n    }\n    & path,\n    & .fill-color {\n        fill: ${props => props.theme.primary.foreground};\n    }\n`;\n\nconst Footer = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n`;\n\nexport const ThemeExample = () => {\n    const colorText = text('Primary Color Hex');\n    const colorMap = color('Primary Color', '#0061d5');\n\n    const colorHex = /^#[0-9A-F]{6}$/i.test(colorText) ? colorText : colorMap;\n\n    const theme = colorHex ? createTheme(colorHex) : defaultTheme;\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div style={{ float: 'right' }}>\n                <section>\n                    <h4>theme.primary</h4>\n                    {Object.entries(theme.primary)\n                        .filter(([key]) => key !== '_debug')\n                        .map(([key, val]) => (\n                            <div key={key}>\n                                <Swatch color={val} /> {key} <code>{val}</code>\n                            </div>\n                        ))}\n                    <span>Theme Color Range: {theme.primary._debug.colorRange}</span>\n                    <br />\n                    <h4>theme.base</h4>\n                    {Object.entries(theme.base).map(([key, val]) => (\n                        <div key={key}>\n                            <Swatch color={val} /> {key} <code>{val}</code>\n                        </div>\n                    ))}\n                </section>\n            </div>\n            <div style={{ marginLeft: -5 }}>\n                <BaseButton>Base</BaseButton>\n                <PrimaryButton>Primary</PrimaryButton>\n            </div>\n            <br />\n            <ThemeDemoProgressBar />\n            <br />\n            <br />\n            <ThemeDemo>\n                <ThemeDemoLogo />\n                <ThemeDemoMenuItem className=\"active\">\n                    <ThemeDemoIcon>\n                        <IconAllFiles />\n                    </ThemeDemoIcon>\n                    All Files\n                </ThemeDemoMenuItem>\n                <ThemeDemoMenuItem>\n                    <ThemeDemoIcon>\n                        <IconRecents />\n                    </ThemeDemoIcon>\n                    Recents\n                </ThemeDemoMenuItem>\n                <ThemeDemoMenuItem>\n                    <ThemeDemoIcon>\n                        <IconFavorites />\n                    </ThemeDemoIcon>\n                    Favorites\n                </ThemeDemoMenuItem>\n                <ThemeDemoMenuItem>\n                    <ThemeDemoIcon>\n                        <IconTrash />\n                    </ThemeDemoIcon>\n                    Trash\n                </ThemeDemoMenuItem>\n                <Footer>\n                    <ThemeDemoMenuItem className=\"alt\">\n                        <ThemeDemoIcon>\n                            <IconNotes />\n                        </ThemeDemoIcon>\n                        Notes\n                    </ThemeDemoMenuItem>\n                    <ThemeDemoMenuItem className=\"alt\">\n                        <ThemeDemoIcon>\n                            <IconDevConsole />\n                        </ThemeDemoIcon>\n                        Developer Console\n                    </ThemeDemoMenuItem>\n                </Footer>\n            </ThemeDemo>\n            <br />\n            <section>\n                <details>\n                    <summary>JSON Theme</summary>\n                    <pre>\n                        <code>{JSON.stringify(theme, null, 2)}</code>\n                    </pre>\n                </details>\n            </section>\n        </ThemeProvider>\n    );\n};\n\nexport default {\n    title: 'Theming/Theme',\n    component: ThemeExample,\n    parameters: { notes },\n};\n"],"file":"createTheme.stories.js"}

package/es/utils/fields.js

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 import has from 'lodash/has';
 import setProp from 'lodash/set';
-import { FIELD_ID, FIELD_NAME, FIELD_TYPE, FIELD_SIZE, FIELD_PARENT, FIELD_EXTENSION, FIELD_PERMISSIONS, FIELD_ITEM_COLLECTION, FIELD_ITEM_EXPIRATION, FIELD_PATH_COLLECTION, FIELD_CONTENT_CREATED_AT, FIELD_CONTENT_MODIFIED_AT, FIELD_MODIFIED_AT, FIELD_CREATED_AT, FIELD_SHARED_LINK, FIELD_ALLOWED_SHARED_LINK_ACCESS_LEVELS, FIELD_HAS_COLLABORATIONS, FIELD_IS_EXTERNALLY_OWNED, FIELD_CREATED_BY, FIELD_MODIFIED_BY, FIELD_OWNED_BY, FIELD_RESTORED_BY, FIELD_TRASHED_BY, FIELD_DESCRIPTION, FIELD_REPRESENTATIONS, FIELD_SHA1, FIELD_UPLOADER_DISPLAY_NAME, FIELD_WATERMARK_INFO, FIELD_AUTHENTICATED_DOWNLOAD_URL, FIELD_FILE_VERSION, FIELD_IS_DOWNLOAD_AVAILABLE, FIELD_VERSION_LIMIT, FIELD_VERSION_NUMBER, FIELD_METADATA_SKILLS, FIELD_TASK_ASSIGNMENT_COLLECTION, FIELD_IS_COMPLETED, FIELD_MESSAGE, FIELD_TAGGED_MESSAGE, FIELD_DUE_AT, FIELD_TRASHED_AT, FIELD_ASSIGNED_TO, FIELD_RESTORED_FROM, FIELD_RESTORED_AT, FIELD_STATUS, FIELD_ACTIVITY_TEMPLATE, FIELD_APP, FIELD_OCCURRED_AT, FIELD_RENDERED_TEXT, FIELD_RETENTION, FIELD_URL, PLACEHOLDER_USER } from '../constants'; // Minimum set of fields needed for folder requests
+import { FIELD_ID, FIELD_NAME, FIELD_TYPE, FIELD_SIZE, FIELD_PARENT, FIELD_EXTENSION, FIELD_PERMISSIONS, FIELD_ITEM_COLLECTION, FIELD_ITEM_EXPIRATION, FIELD_PATH_COLLECTION, FIELD_CONTENT_CREATED_AT, FIELD_CONTENT_MODIFIED_AT, FIELD_MODIFIED_AT, FIELD_CREATED_AT, FIELD_SHARED_LINK, FIELD_ALLOWED_SHARED_LINK_ACCESS_LEVELS, FIELD_HAS_COLLABORATIONS, FIELD_IS_EXTERNALLY_OWNED, FIELD_CREATED_BY, FIELD_MODIFIED_BY, FIELD_OWNED_BY, FIELD_PROMOTED_BY, FIELD_RESTORED_BY, FIELD_TRASHED_BY, FIELD_DESCRIPTION, FIELD_REPRESENTATIONS, FIELD_SHA1, FIELD_UPLOADER_DISPLAY_NAME, FIELD_WATERMARK_INFO, FIELD_AUTHENTICATED_DOWNLOAD_URL, FIELD_FILE_VERSION, FIELD_IS_DOWNLOAD_AVAILABLE, FIELD_VERSION_LIMIT, FIELD_VERSION_NUMBER, FIELD_METADATA_SKILLS, FIELD_TASK_ASSIGNMENT_COLLECTION, FIELD_IS_COMPLETED, FIELD_MESSAGE, FIELD_TAGGED_MESSAGE, FIELD_DUE_AT, FIELD_TRASHED_AT, FIELD_ASSIGNED_TO, FIELD_RESTORED_FROM, FIELD_RESTORED_AT, FIELD_STATUS, FIELD_ACTIVITY_TEMPLATE, FIELD_APP, FIELD_OCCURRED_AT, FIELD_RENDERED_TEXT, FIELD_RETENTION, FIELD_URL, PLACEHOLDER_USER } from '../constants'; // Minimum set of fields needed for folder requests
 
 const FOLDER_FIELDS_TO_FETCH = [FIELD_ID, FIELD_NAME, FIELD_TYPE, FIELD_SIZE, FIELD_PARENT, FIELD_EXTENSION, FIELD_PERMISSIONS, FIELD_PATH_COLLECTION, FIELD_MODIFIED_AT, FIELD_CREATED_AT, FIELD_MODIFIED_BY, FIELD_HAS_COLLABORATIONS, FIELD_IS_EXTERNALLY_OWNED, FIELD_ITEM_COLLECTION, FIELD_AUTHENTICATED_DOWNLOAD_URL, FIELD_IS_DOWNLOAD_AVAILABLE, FIELD_REPRESENTATIONS, FIELD_URL]; // Fields needed for the sidebar
 
@@ -21,11 +21,11 @@ const PREVIEW_FIELDS_TO_FETCH = [FIELD_ID, FIELD_PERMISSIONS, FIELD_SHARED_LINK,
 
 const FEED_FILE_VERSIONS_FIELDS_TO_FETCH = [FIELD_CREATED_AT, FIELD_EXTENSION, FIELD_IS_DOWNLOAD_AVAILABLE, FIELD_MODIFIED_AT, FIELD_MODIFIED_BY, FIELD_NAME, FIELD_RESTORED_AT, FIELD_RESTORED_BY, FIELD_SIZE, FIELD_TRASHED_AT, FIELD_TRASHED_BY, FIELD_UPLOADER_DISPLAY_NAME, FIELD_VERSION_NUMBER]; // Fields needed to get information on the current version of a file
 
-const FILE_VERSION_FIELDS_TO_FETCH = [FIELD_FILE_VERSION, FIELD_MODIFIED_AT, FIELD_MODIFIED_BY, FIELD_RESTORED_FROM, FIELD_SIZE, FIELD_UPLOADER_DISPLAY_NAME, FIELD_VERSION_NUMBER]; // Fields needed to get versions for a file
+const FILE_VERSION_FIELDS_TO_FETCH = [FIELD_FILE_VERSION, FIELD_MODIFIED_AT, FIELD_MODIFIED_BY, FIELD_RESTORED_FROM, FIELD_SIZE, FIELD_PROMOTED_BY, FIELD_UPLOADER_DISPLAY_NAME, FIELD_VERSION_NUMBER]; // Fields needed to get versions for a file
 
 const FILE_VERSIONS_FIELDS_TO_FETCH = [FIELD_AUTHENTICATED_DOWNLOAD_URL, // Expensive field to fetch
 FIELD_CREATED_AT, FIELD_EXTENSION, FIELD_IS_DOWNLOAD_AVAILABLE, FIELD_MODIFIED_AT, FIELD_MODIFIED_BY, FIELD_NAME, FIELD_PERMISSIONS, // Expensive field to fetch
-FIELD_RESTORED_AT, FIELD_RESTORED_BY, FIELD_RETENTION, // Expensive field to fetch
+FIELD_PROMOTED_BY, FIELD_RESTORED_AT, FIELD_RESTORED_BY, FIELD_RETENTION, // Expensive field to fetch
 FIELD_SIZE, FIELD_TRASHED_AT, FIELD_TRASHED_BY, FIELD_UPLOADER_DISPLAY_NAME, FIELD_VERSION_NUMBER]; // Fields needed to show shared link permissions
 
 const FILE_SHARED_LINK_FIELDS_TO_FETCH = [FIELD_ALLOWED_SHARED_LINK_ACCESS_LEVELS, FIELD_SHARED_LINK]; // Fields needed to get tasks data

package/es/utils/fields.js.flow

@@ -28,6 +28,7 @@ import {
     FIELD_CREATED_BY,
     FIELD_MODIFIED_BY,
     FIELD_OWNED_BY,
+    FIELD_PROMOTED_BY,
     FIELD_RESTORED_BY,
     FIELD_TRASHED_BY,
     FIELD_DESCRIPTION,
@@ -150,6 +151,7 @@ const FILE_VERSION_FIELDS_TO_FETCH = [
     FIELD_MODIFIED_BY,
     FIELD_RESTORED_FROM,
     FIELD_SIZE,
+    FIELD_PROMOTED_BY,
     FIELD_UPLOADER_DISPLAY_NAME,
     FIELD_VERSION_NUMBER,
 ];
@@ -164,6 +166,7 @@ const FILE_VERSIONS_FIELDS_TO_FETCH = [
     FIELD_MODIFIED_BY,
     FIELD_NAME,
     FIELD_PERMISSIONS, // Expensive field to fetch
+    FIELD_PROMOTED_BY,
     FIELD_RESTORED_AT,
     FIELD_RESTORED_BY,
     FIELD_RETENTION, // Expensive field to fetch