Update multiline destructuring format based on style guide

js/components/ascribe_accordion_list/accordion_list_item_piece.js

@@ -45,8 +45,7 @@ let AccordionListItemPiece = React.createClass({
     },
 
     render() {
-        const {
+        const { artistName,
-            artistName,
                 badge,
                 buttons,
                 children,

js/components/ascribe_buttons/acls/acl_button.js

@@ -44,8 +44,7 @@ export default function ({ action, displayName, title, tooltip }) {
         },
 
         render() {
-            const {
+            const { availableAcls,
-                availableAcls,
                     buttonAcceptClassName,
                     currentUser,
                     email,

js/components/ascribe_detail/detail_property.js

@@ -32,8 +32,7 @@ const DetailProperty = React.createClass({
     },
 
     render() {
-        const {
+        const { children,
-            children,
                 className,
                 ellipsis,
                 label,

js/components/ascribe_detail/edition.js

@@ -51,8 +51,7 @@ let Edition = React.createClass({
     },
 
     render() {
-        const {
+        const { actionPanelButtonListType,
-            actionPanelButtonListType,
                 coaError,
                 currentUser,
                 edition,

js/components/ascribe_detail/edition_action_panel.js

@@ -95,10 +95,9 @@ let EditionActionPanel = React.createClass({
     },
 
     render() {
-        const {
+        const { actionPanelButtonListType: ActionPanelButtonListType,
-            actionPanelButtonListType: ActionPanelButtonListType,
+                currentUser,
-            edition,
+                edition } = this.props;
-            currentUser } = this.props;
 
         if (edition &&
             edition.notifications &&

js/components/ascribe_forms/acl_form_factory.js

@@ -53,8 +53,7 @@ let AclFormFactory = React.createClass({
     },
 
     render() {
-        const {
+        const { action,
-            action,
                 autoFocusProperty,
                 pieceOrEditions,
                 currentUser,

js/components/ascribe_forms/form_consign.js

@@ -62,8 +62,7 @@ let ConsignForm = React.createClass({
 
     render() {
         const { email } = this.state;
-        const {
+        const { autoFocusProperty,
-            autoFocusProperty,
                 createPublicContractAgreement,
                 email: defaultEmail,
                 handleSuccess,

js/components/ascribe_forms/form_loan.js

@@ -118,8 +118,7 @@ let LoanForm = React.createClass({
 
     render() {
         const { email } = this.state;
-        const {
+        const { children,
-            children,
                 createPublicContractAgreement,
                 email: defaultEmail,
                 handleSuccess,

js/components/ascribe_forms/input_contract_agreement_checkbox.js

@@ -144,13 +144,11 @@ const InputContractAgreementCheckbox = React.createClass({
         const contractAgreement = this.getContractAgreement();
 
         if (contractAgreement) {
-            const {
+            const { contract: {
-                datetime_accepted: datetimeAccepted,
-                contract: {
                         issuer: contractIssuer,
                         blob: { url_safe: contractUrl }
-                }
+                    },
-            } = contractAgreement;
+                    datetime_accepted: datetimeAccepted } = contractAgreement;
 
             if (datetimeAccepted) {
                 return (
@@ -168,10 +166,7 @@ const InputContractAgreementCheckbox = React.createClass({
                     </div>
                 );
             } else {
-                const {
+                const { disabled, name, style } = this.props;
-                    name,
-                    disabled,
-                    style } = this.props;
 
                 return (
                     <InputCheckbox

js/components/ascribe_forms/input_fineuploader.js

@@ -98,8 +98,7 @@ const InputFineUploader = React.createClass({
     },
 
     render() {
-        const {
+        const { areAssetsDownloadable,
-            areAssetsDownloadable,
                 enableLocalHashing,
                 createBlobRoutine,
                 disabled,

js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop.js

@@ -127,19 +127,18 @@ let FileDragAndDrop = React.createClass({
     },
 
     render: function () {
-        const {
+        const { allowedExtensions,
-            filesToUpload,
-            dropzoneInactive,
-            className,
-            hashingProgress,
-            handleCancelHashing,
-            multiple,
-            enableLocalHashing,
-            uploadMethod,
-            fileClassToUpload,
                 areAssetsDownloadable,
                 areAssetsEditable,
-            allowedExtensions } = this.props;
+                className,
+                dropzoneInactive,
+                enableLocalHashing,
+                fileClassToUpload,
+                filesToUpload,
+                handleCancelHashing,
+                hashingProgress,
+                multiple,
+                uploadMethod } = this.props;
 
         // has files only is true if there are files that do not have the status deleted or canceled
         let hasFiles = filesToUpload.filter((file) => file.status !== 'deleted' && file.status !== 'canceled' && file.size !== -1).length > 0;

js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_dialog.js

@@ -35,13 +35,12 @@ let FileDragAndDropDialog = React.createClass({
     },
 
     render() {
-        const {
+        const { enableLocalHashing,
+                fileClassToUpload,
                 hasFiles,
                 multipleFiles,
-            enableLocalHashing,
+                onClick,
-            uploadMethod,
+                uploadMethod } = this.props;
-            fileClassToUpload,
-            onClick } = this.props;
 
         if (hasFiles) {
             return null;

js/components/ascribe_uploader/ascribe_upload_button/upload_button.js

@@ -145,9 +145,7 @@ export default function UploadButton({ className = 'btn btn-default btn-sm' } =
         },
 
         render() {
-            const {
+            const { allowedExtensions, multiple } = this.props;
-                multiple,
-                allowedExtensions } = this.props;
             const { disabled } = this.state;
 
 

js/components/global_notification.js

@@ -53,11 +53,10 @@ let GlobalNotification = React.createClass({
     },
 
     renderNotification() {
-        const {
+        const { containerWidth,
-            notificationQueue: [notification],
-            notificationStatus,
                 notificationsPaused,
-            containerWidth } = this.state;
+                notificationQueue: [notification],
+                notificationStatus } = this.state;
 
         const notificationClasses = [];
 

js/components/piece_list.js

@@ -259,8 +259,7 @@ let PieceList = React.createClass({
     },
 
     render() {
-        const {
+        const { accordionListItemType: AccordionListItemType,
-            accordionListItemType: AccordionListItemType,
                 bulkModalButtonListType: BulkModalButtonListType,
                 customSubmitButton,
                 customThumbnailPlaceholder,

js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js

@@ -33,8 +33,7 @@ let WalletPieceContainer = React.createClass({
     },
 
     render() {
-        const {
+        const { children,
-            children,
                 currentUser,
                 handleDeleteSuccess,
                 loadPiece,

js/components/whitelabel/wallet/components/market/market_buttons/market_submit_button.js

@@ -53,8 +53,7 @@ let MarketSubmitButton = React.createClass({
 
     canEditionBeSubmitted(edition) {
         if (edition && edition.extra_data && edition.other_data) {
-            const {
+            const { extra_data: {
-                extra_data: {
                         artist_bio: artistBio,
                         display_instructions: displayInstructions,
                         technology_details: technologyDetails,

js/components/whitelabel/wallet/components/market/market_forms/market_additional_data_form.js

@@ -107,8 +107,7 @@ let MarketAdditionalDataForm = React.createClass({
     },
 
     render() {
-        const {
+        const { editable,
-            editable,
                 extraData = {},
                 isInline,
                 handleSuccess,

js/components/whitelabel/wallet/components/market/market_piece_list.js

@@ -51,8 +51,7 @@ let MarketPieceList = React.createClass({
 
     render() {
         const { customThumbnailPlaceholder, location } = this.props;
-        const {
+        const { currentUser: { email: userEmail },
-            currentUser: { email: userEmail },
                 whitelabel: {
                     name: whitelabelName = 'Market',
                     user: whitelabelAdminEmail

js/components/whitelabel/wallet/components/market/market_register_piece.js

@@ -112,8 +112,7 @@ let MarketRegisterPiece = React.createClass({
 
     render() {
         const { location } = this.props;
-        const {
+        const { piece,
-            piece,
                 step,
                 whitelabel: {
                     name: whitelabelName = 'Market'