npm - box-ui-elements - Versions diffs - 19.0.0-beta.9 → 19.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2047) hide show

package/src/elements/content-sidebar/skills/__tests__/__snapshots__/SidebarSkillsCard.test.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render an error from the error code 1`] = `
 <Status
   card={
-    Object {
+    {
       "skill_card_type": "status",
     }
   }
@@ -13,7 +13,7 @@ exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render an erro
 exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render face component 1`] = `
 <Faces
   card={
-    Object {
+    {
       "skill_card_type": "face",
     }
   }
@@ -24,7 +24,7 @@ exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render face co
 exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render keywords component 1`] = `
 <Keywords
   card={
-    Object {
+    {
       "skill_card_type": "keyword",
     }
   }
@@ -37,7 +37,7 @@ exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render nothing
 exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render timelines component 1`] = `
 <Faces
   card={
-    Object {
+    {
       "skill_card_type": "timeline",
     }
   }
@@ -48,7 +48,7 @@ exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render timelin
 exports[`elements/content-sidebar/Skills/SidebarSkillsCard should render transcript component 1`] = `
 <Transcript
   card={
-    Object {
+    {
       "skill_card_type": "transcript",
     }
   }

package/src/elements/content-sidebar/skills/faces/__tests__/__snapshots__/Faces.test.js.snap CHANGED Viewed

@@ -29,7 +29,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render edi
   </Tooltip>
   <Face
     face={
-      Object {
+      {
         "text": "foo",
       }
     }
@@ -39,7 +39,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render edi
   />
   <Face
     face={
-      Object {
+      {
         "text": "bar",
       }
     }
@@ -69,7 +69,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render fac
 >
   <Face
     face={
-      Object {
+      {
         "text": "foo",
       }
     }
@@ -79,7 +79,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render fac
   />
   <Face
     face={
-      Object {
+      {
         "text": "bar",
       }
     }
@@ -97,7 +97,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render fac
 >
   <Face
     face={
-      Object {
+      {
         "text": "foo",
       }
     }
@@ -137,7 +137,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render sav
   </Tooltip>
   <Face
     face={
-      Object {
+      {
         "text": "foo",
       }
     }
@@ -148,7 +148,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render sav
   />
   <Face
     face={
-      Object {
+      {
         "text": "bar",
       }
     }
@@ -194,9 +194,9 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render tim
 >
   <Face
     face={
-      Object {
-        "appears": Array [
-          Object {
+      {
+        "appears": [
+          {
             "start": 1,
           },
         ],
@@ -207,9 +207,9 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render tim
     onDelete={[Function]}
     onSelect={[Function]}
     selected={
-      Object {
-        "appears": Array [
-          Object {
+      {
+        "appears": [
+          {
             "start": 1,
           },
         ],
@@ -219,9 +219,9 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render tim
   />
   <Face
     face={
-      Object {
-        "appears": Array [
-          Object {
+      {
+        "appears": [
+          {
             "start": 1,
           },
         ],
@@ -232,9 +232,9 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render tim
     onDelete={[Function]}
     onSelect={[Function]}
     selected={
-      Object {
-        "appears": Array [
-          Object {
+      {
+        "appears": [
+          {
             "start": 1,
           },
         ],
@@ -246,8 +246,8 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render tim
     duration={100}
     interactionTarget="skill-facetimeslice"
     timeslices={
-      Array [
-        Object {
+      [
+        {
           "start": 1,
         },
       ]
@@ -263,7 +263,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render whe
 >
   <Face
     face={
-      Object {
+      {
         "text": "foo",
       }
     }
@@ -273,7 +273,7 @@ exports[`elements/content-sidebar/Skills/Faces/Faces should correctly render whe
   />
   <Face
     face={
-      Object {
+      {
         "text": "bar",
       }
     }

package/src/elements/content-sidebar/skills/keywords/__tests__/__snapshots__/EditableKeywords.test.js.snap CHANGED Viewed

@@ -13,12 +13,12 @@ exports[`elements/content-sidebar/Skills/Keywords/EditableKeywords should correc
     onPaste={[Function]}
     onRemove={[Function]}
     selectedOptions={
-      Array [
-        Object {
+      [
+        {
           "displayText": "foo",
           "value": 0,
         },
-        Object {
+        {
           "displayText": "bar",
           "value": 1,
         },

package/src/elements/content-sidebar/skills/keywords/__tests__/__snapshots__/Keywords.test.js.snap CHANGED Viewed

@@ -30,11 +30,11 @@ exports[`elements/content-sidebar/Skills/Keywords/Keywords should correctly rend
   <ReadOnlyselecteds
     duration={100}
     keywords={
-      Array [
-        Object {
+      [
+        {
           "text": "foo",
         },
-        Object {
+        {
           "text": "bar",
         },
       ]
@@ -72,11 +72,11 @@ exports[`elements/content-sidebar/Skills/Keywords/Keywords should correctly rend
   </Tooltip>
   <EditableKeywords
     keywords={
-      Array [
-        Object {
+      [
+        {
           "text": "foo",
         },
-        Object {
+        {
           "text": "bar",
         },
       ]
@@ -109,11 +109,11 @@ exports[`elements/content-sidebar/Skills/Keywords/Keywords should correctly rend
   <ReadOnlyselecteds
     duration={100}
     keywords={
-      Array [
-        Object {
+      [
+        {
           "text": "bar",
         },
-        Object {
+        {
           "text": "baz",
         },
       ]
@@ -130,11 +130,11 @@ exports[`elements/content-sidebar/Skills/Keywords/Keywords should correctly rend
   <ReadOnlyselecteds
     duration={100}
     keywords={
-      Array [
-        Object {
+      [
+        {
           "text": "foo",
         },
-        Object {
+        {
           "text": "bar",
         },
       ]
@@ -151,11 +151,11 @@ exports[`elements/content-sidebar/Skills/Keywords/Keywords should correctly rend
   <ReadOnlyselecteds
     duration={100}
     keywords={
-      Array [
-        Object {
+      [
+        {
           "text": "foo",
         },
-        Object {
+        {
           "text": "bar",
         },
       ]

package/src/elements/content-sidebar/skills/keywords/__tests__/__snapshots__/ReadOnlyKeywords.test.js.snap CHANGED Viewed

@@ -4,18 +4,18 @@ exports[`elements/content-sidebar/Skills/Keywords/ReadOnlyKeywords should correc
 <Fragment>
   <PillCloud
     buttonProps={
-      Object {
+      {
         "data-resin-target": "skill-keywordselect",
       }
     }
     onSelect={[Function]}
     options={
-      Array [
-        Object {
+      [
+        {
           "displayText": "foo",
           "value": 0,
         },
-        Object {
+        {
           "displayText": "bar",
           "value": 1,
         },
@@ -29,18 +29,18 @@ exports[`elements/content-sidebar/Skills/Keywords/ReadOnlyKeywords should correc
 <Fragment>
   <PillCloud
     buttonProps={
-      Object {
+      {
         "data-resin-target": "skill-keywordselect",
       }
     }
     onSelect={[Function]}
     options={
-      Array [
-        Object {
+      [
+        {
           "displayText": "foo",
           "value": 0,
         },
-        Object {
+        {
           "displayText": "bar",
           "value": 1,
         },

package/src/elements/content-sidebar/skills/timeline/__tests__/__snapshots__/Timeslice.test.js.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`elements/content-sidebar/Skills/Timeline/Timeslice should correctly ren
   data-resin-target="foobar"
   onClick={[Function]}
   style={
-    Object {
+    {
       "left": "284px",
       "width": "6px",
     }
@@ -21,7 +21,7 @@ exports[`elements/content-sidebar/Skills/Timeline/Timeslice should correctly ren
   data-resin-target="foobar"
   onClick={[Function]}
   style={
-    Object {
+    {
       "left": "29px",
       "width": "6px",
     }
@@ -36,7 +36,7 @@ exports[`elements/content-sidebar/Skills/Timeline/Timeslice should correctly ren
   data-resin-target="foobar"
   onClick={[Function]}
   style={
-    Object {
+    {
       "left": "29px",
       "width": "29px",
     }

package/src/elements/content-sidebar/skills/transcript/__tests__/__snapshots__/EditingTranscriptRow.test.js.snap CHANGED Viewed

@@ -12,12 +12,8 @@ exports[`elements/content-sidebar/Skills/Transcript/TranscriptRow should correct
   <div
     className="be-transcript-text"
   >
-    <TextareaAutosize
-      inputRef={[Function]}
+    <ForwardRef(TextareaAutosize)
       maxRows={10}
-      onChange={[Function]}
-      onHeightChange={[Function]}
-      useCacheForDOMMeasurements={false}
       value=""
     />
     <div
@@ -56,12 +52,8 @@ exports[`elements/content-sidebar/Skills/Transcript/TranscriptRow should correct
   <div
     className="be-transcript-text"
   >
-    <TextareaAutosize
-      inputRef={[Function]}
+    <ForwardRef(TextareaAutosize)
       maxRows={10}
-      onChange={[Function]}
-      onHeightChange={[Function]}
-      useCacheForDOMMeasurements={false}
       value=""
     />
     <div

package/src/elements/content-sidebar/stories/ContentSidebar.stories.js CHANGED Viewed

@@ -1,34 +1,25 @@
-import * as React from 'react';
-import { IntlProvider } from 'react-intl';
+// @flow
 import ContentSidebar from '../ContentSidebar';
-import notes from './ContentSidebar.notes.md';
-export const Sidebar = () => (
-    <IntlProvider locale="en">
-        <ContentSidebar
-            detailsSidebarProps={{
-                hasProperties: true,
-                hasNotices: true,
-                hasAccessStats: true,
-                hasClassification: true,
-                hasRetentionPolicy: true,
-            }}
-            features={global.FEATURES}
-            fileId={global.FILE_ID}
-            hasActivityFeed
-            hasMetadata
-            hasSkills
-            hasVersions
-            token={global.TOKEN}
-            {...global.PROPS}
-        />
-    </IntlProvider>
-);
+export const basic = {};
 export default {
-    title: 'Elements|ContentSidebar',
-    Component: ContentSidebar,
-    parameters: {
-        notes,
+    title: 'Elements/ContentSidebar',
+    component: ContentSidebar,
+    args: {
+        detailsSidebarProps: {
+            hasProperties: true,
+            hasNotices: true,
+            hasAccessStats: true,
+            hasClassification: true,
+            hasRetentionPolicy: true,
+        },
+        features: global.FEATURES,
+        fileId: global.FILE_ID,
+        hasActivityFeed: true,
+        hasMetadata: true,
+        hasSkills: true,
+        hasVersions: true,
+        token: global.TOKEN,
     },
 };

package/src/elements/content-sidebar/versions/VersionsItem.scss CHANGED Viewed

@@ -1,4 +1,5 @@
 @import '../../common/variables';
+@import '../../../styles/constants/buttons';
 .bcs-VersionsItem {
     $bcs-VersionsItemButton-horizontal: 10px;
@@ -21,6 +22,11 @@
         position: absolute;
         top: $bcs-VersionsItemButton-vertical;
         right: $bcs-VersionsItemButton-horizontal;
+        &:focus {
+            border: $bdl-btn-border-width solid $primary-color;
+            box-shadow: $bdl-btn-primary-box-shadow;
+        }
     }
 }

package/src/elements/content-sidebar/versions/__tests__/VersionsItem.test.js CHANGED Viewed

@@ -18,6 +18,7 @@ jest.mock('../../../../utils/dom', () => ({
 describe('elements/content-sidebar/versions/VersionsItem', () => {
     const defaultDate = new Date('2019-03-01T00:00:00');
     const defaultUser = { name: 'Test User', id: 10 };
+    const promotedByUser = { name: 'Promote User', id: 13 };
     const restoreDate = new Date('2019-05-01T00:00:00');
     const restoreUser = { name: 'Restore User', id: 12 };
     const trashedDate = new Date('2019-04-01T00:00:00');
@@ -117,6 +118,7 @@ describe('elements/content-sidebar/versions/VersionsItem', () => {
         test.each`
             versionUser         | expected
             ${defaultUser}      | ${defaultUser.name}
+            ${promotedByUser}   | ${promotedByUser.name}
             ${restoreUser}      | ${restoreUser.name}
             ${trashedUser}      | ${trashedUser.name}
             ${PLACEHOLDER_USER} | ${unknownUser}
@@ -131,6 +133,7 @@ describe('elements/content-sidebar/versions/VersionsItem', () => {
         test.each`
             versionUser                                         | expected
             ${defaultUser}                                      | ${defaultUser.name}
+            ${promotedByUser}                                   | ${promotedByUser.name}
             ${restoreUser}                                      | ${restoreUser.name}
             ${trashedUser}                                      | ${trashedUser.name}
             ${{ ...PLACEHOLDER_USER, name: FILE_REQUEST_NAME }} | ${(<FormattedMessage {...messages.fileRequestDisplayName} />)}

package/src/elements/content-sidebar/versions/__tests__/__snapshots__/VersionsItem.test.js.snap CHANGED Viewed

@@ -30,7 +30,7 @@ exports[`elements/content-sidebar/versions/VersionsItem render should show actio
           defaultMessage="Deleted by {name}"
           id="be.sidebarVersions.deletedBy"
           values={
-            Object {
+            {
               "name": "Test User",
               "versionPromoted": undefined,
             }
@@ -106,7 +106,7 @@ exports[`elements/content-sidebar/versions/VersionsItem render should show actio
           defaultMessage="Restored by {name}"
           id="be.sidebarVersions.restoredBy"
           values={
-            Object {
+            {
               "name": "Test User",
               "versionPromoted": undefined,
             }
@@ -182,7 +182,7 @@ exports[`elements/content-sidebar/versions/VersionsItem render should show actio
           defaultMessage="Uploaded by {name}"
           id="be.sidebarVersions.uploadedBy"
           values={
-            Object {
+            {
               "name": "Test User",
               "versionPromoted": undefined,
             }

package/src/elements/content-sidebar/versions/__tests__/__snapshots__/VersionsSidebar.test.js.snap CHANGED Viewed

@@ -78,8 +78,8 @@ exports[`elements/content-sidebar/versions/VersionsSidebar render should show th
     >
       <Component
         versions={
-          Array [
-            Object {
+          [
+            {
               "id": "12345",
             },
           ]

package/src/elements/content-sidebar/versions/__tests__/__snapshots__/VersionsSidebarContainer.test.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`elements/content-sidebar/versions/VersionsSidebarContainer handleFetchError should create StaticVersionSidebar if onUpgradeClick is present 1`] = `
 <StaticVersionsSidebar
   error={
-    Object {
+    {
       "defaultMessage": "File versions could not be retrieved.",
       "id": "be.sidebarVersions.fetchError",
     }
@@ -14,14 +14,14 @@ exports[`elements/content-sidebar/versions/VersionsSidebarContainer handleFetchE
   parentName=""
   versionCount={0}
   versionLimit={Infinity}
-  versions={Array []}
+  versions={[]}
 />
 `;
 exports[`elements/content-sidebar/versions/VersionsSidebarContainer handleFetchError should set state to default values with error message 1`] = `
 <VersionsSidebar
   error={
-    Object {
+    {
       "defaultMessage": "File versions could not be retrieved.",
       "id": "be.sidebarVersions.fetchError",
     }
@@ -37,7 +37,7 @@ exports[`elements/content-sidebar/versions/VersionsSidebarContainer handleFetchE
   parentName=""
   versionCount={0}
   versionLimit={Infinity}
-  versions={Array []}
+  versions={[]}
 />
 `;
@@ -54,6 +54,6 @@ exports[`elements/content-sidebar/versions/VersionsSidebarContainer render shoul
   parentName="activity"
   versionCount={Infinity}
   versionLimit={Infinity}
-  versions={Array []}
+  versions={[]}
 />
 `;

package/src/elements/content-uploader/ItemName.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 @import '../common/variables';
 .bcu-item-label {
-    max-width: 300px;
+    width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;

package/src/elements/content-uploader/ProgressBar.scss CHANGED Viewed

@@ -8,6 +8,10 @@
     background: $bdl-gray-10;
     transition: .4s opacity;
+    .be-is-small & {
+        margin-right: $bdl-grid-unit * 6;
+    }
     .bcu-progress {
         top: 0;
         left: 0;

package/src/elements/content-uploader/__tests__/__snapshots__/UploadStateContent.test.js.snap CHANGED Viewed

@@ -9,7 +9,7 @@ exports[`elements/content-uploader/UploadStateContent should render correctly wh
       defaultMessage="{option1} or {option2}"
       id="be.uploadOptions"
       values={
-        Object {
+        {
           "option1": <UploadInput
             handleChange={[Function]}
             inputLabel="file"

package/src/elements/content-uploader/stories/ContentUploader.stories.js CHANGED Viewed

@@ -1,18 +1,14 @@
-import * as React from 'react';
-import { IntlProvider } from 'react-intl';
+// @flow
 import ContentUploader from '../ContentUploader';
-import notes from './ContentUploader.notes.md';
-export const Uploader = () => (
-    <IntlProvider locale="en">
-        <ContentUploader features={global.FEATURES} rootFolderId={global.FOLDER_ID} token={global.TOKEN} />
-    </IntlProvider>
-);
+export const basic = {};
 export default {
-    title: 'Elements|ContentUploader',
+    title: 'Elements/ContentUploader',
     component: ContentUploader,
-    parameters: {
-        notes,
+    args: {
+        features: global.FEATURE_FLAGS,
+        rootFolderId: global.FOLDER_ID,
+        token: global.TOKEN,
     },
 };