Merge pull request #107 from ascribe/cosmetic-fix-for-multiline-destructure

Update multiline destructuring format based on style guide

js/components/ascribe_accordion_list/accordion_list_item.js

@@ -21,16 +21,15 @@ let AccordionListItem = React.createClass({
     },
 
     render() {
-        const {
+        const { badge,
-            linkData,
+                buttons,
+                children,
                 className,
-            thumbnail,
                 heading,
+                linkData,
                 subheading,
                 subsubheading,
-            buttons,
+                thumbnail } = this.props;
-            badge,
-            children } = this.props;
 
         return (
             <div className="row">

js/components/ascribe_accordion_list/accordion_list_item_piece.js

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

js/components/ascribe_buttons/acl_button_list.js

@@ -66,8 +66,7 @@ let AclButtonList = React.createClass({
     },
 
     render() {
-        const {
+        const { availableAcls,
-            availableAcls,
                 buttonsStyle,
                 className,
                 currentUser,

js/components/ascribe_buttons/acls/acl_button.js

@@ -41,8 +41,7 @@ export default function AclButton({ 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

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

js/components/ascribe_detail/edition_action_panel.js

@@ -101,8 +101,7 @@ let EditionActionPanel = React.createClass({
     },
 
     render() {
-        const {
+        const { actionPanelButtonListType: ActionPanelButtonListType,
-            actionPanelButtonListType: ActionPanelButtonListType,
                 currentUser,
                 edition,
                 whitelabel } = this.props;

js/components/ascribe_detail/further_details_fileuploader.js

@@ -45,8 +45,7 @@ let FurtherDetailsFileuploader = React.createClass({
     },
 
     render() {
-        const {
+        const { editable,
-            editable,
                 isReadyForFormSubmission,
                 multiple,
                 onValidationFailed,

js/components/ascribe_forms/acl_form_factory.js

@@ -54,8 +54,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/form_login.js

@@ -44,8 +44,7 @@ let LoginForm = React.createClass({
     },
 
     render() {
-        const {
+        const { headerMessage,
-            headerMessage,
                 location: { query: { email: emailQuery } },
                 submitMessage } = this.props;
 

js/components/ascribe_forms/form_register_piece.js

@@ -117,8 +117,7 @@ let RegisterPieceForm = React.createClass({
     },
 
     render() {
-        const {
+        const { children,
-            children,
                 currentUser,
                 disabled,
                 enableLocalHashing,

js/components/ascribe_forms/form_signup.js

@@ -58,8 +58,7 @@ let SignupForm = React.createClass({
     },
 
     render() {
-        const {
+        const { children,
-            children,
                 headerMessage,
                 location: { query: { email: emailQuery } },
                 submitMessage } = this.props;

js/components/ascribe_forms/input_contract_agreement_checkbox.js

@@ -143,16 +143,14 @@ const InputContractAgreementCheckbox = React.createClass({
     getContractCheckbox() {
         const contractAgreement = this.getContractAgreement();
 
-        if(contractAgreement) {
+        if (contractAgreement) {
-            const {
+            const { contract: {
-                datetime_accepted: datetimeAccepted,
-                contract: {
                         issuer: contractIssuer,
                         blob: { url_safe: contractUrl }
-                }
+                    },
-            } = contractAgreement;
+                    datetime_accepted: datetimeAccepted } = contractAgreement;
 
-            if(datetimeAccepted) {
+            if (datetimeAccepted) {
                 return (
                     <div
                         className="notification-contract-pdf"
@@ -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

@@ -60,11 +60,11 @@ const InputFineUploader = React.createClass({
             value: file.key
         });
 
-        if(this.state.value && typeof this.props.onChange === 'function') {
+        if (this.state.value && typeof this.props.onChange === 'function') {
             this.props.onChange({ target: { value: this.state.value } });
         }
 
-        if(typeof this.props.submitFile === 'function') {
+        if (typeof this.props.submitFile === 'function') {
             this.props.submitFile(file);
         }
     },
@@ -81,8 +81,7 @@ const InputFineUploader = React.createClass({
     },
 
     render() {
-        const {
+        const { areAssetsDownloadable,
-            areAssetsDownloadable,
                 createBlobRoutine,
                 enableLocalHashing,
                 disabled,
@@ -102,7 +101,7 @@ const InputFineUploader = React.createClass({
 
         // if disabled is actually set by property, we want to override
         // isFineUploaderActive
-        if(typeof disabled !== 'undefined') {
+        if (typeof disabled !== 'undefined') {
             editable = !disabled;
         }
 

js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop.js

@@ -158,7 +158,7 @@ let FileDragAndDrop = React.createClass({
                 handlePauseFile={this.handlePauseFile}
                 handleResumeFile={this.handleResumeFile}
                 areAssetsDownloadable={areAssetsDownloadable}
-                areAssetsEditable={areAssetsEditable}/>
+                areAssetsEditable={areAssetsEditable} />
         );
     },
 
@@ -176,16 +176,14 @@ let FileDragAndDrop = React.createClass({
     },
 
     render: function () {
-        const {
+        const { allowedExtensions,
-            filesToUpload,
                 dropzoneInactive,
-            hashingProgress,
-            handleCancelHashing,
-            multiple,
-            showError,
                 errorClass,
-            fileClassToUpload,
+                filesToUpload,
-            allowedExtensions } = this.props;
+                handleCancelHashing,
+                hashingProgress,
+                multiple,
+                showError } = this.props;
 
         // has files only is true if there are files that do not have the status deleted, canceled, or failed
         const hasFiles = filesToUpload

js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_dialog.js

@@ -34,12 +34,11 @@ let FileDragAndDropDialog = React.createClass({
     },
 
     render() {
-        const {
+        const { enableLocalHashing,
-            multipleFiles,
-            enableLocalHashing,
-            uploadMethod,
                 fileClassToUpload,
-            onClick } = this.props;
+                multipleFiles,
+                onClick,
+                uploadMethod } = this.props;
         let dialogElement;
 
         if (enableLocalHashing && !uploadMethod) {

js/components/ascribe_uploader/ascribe_upload_button/upload_button.js

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

js/components/ascribe_uploader/react_s3_fine_uploader.js

@@ -1058,8 +1058,7 @@ const ReactS3FineUploader = React.createClass({
 
     render() {
         const { errorState: { errorClass }, filesToUpload, uploadInProgress } = this.state;
-        const {
+        const { areAssetsDownloadable,
-            areAssetsDownloadable,
                 areAssetsEditable,
                 enableLocalHashing,
                 fileClassToUpload,

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

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

js/components/whitelabel/prize/simple_prize/components/ascribe_detail/prize_piece_container.js

@@ -281,8 +281,7 @@ let PrizePieceRatings = React.createClass({
     },
 
     fetchRatingsIfAuthorized(state = this.state) {
-        const {
+        const { currentUser: {
-            currentUser: {
                     is_admin: isAdmin,
                     is_judge: isJudge,
                     is_jury: isJury

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

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

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

@@ -27,8 +27,7 @@ let MarketAclButtonList = React.createClass({
     },
 
     render() {
-        const {
+        const { availableAcls,
-            availableAcls,
                 children,
                 className,
                 currentUser,

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

@@ -32,8 +32,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,
@@ -78,8 +77,7 @@ let MarketSubmitButton = React.createClass({
     },
 
     render() {
-        const {
+        const { availableAcls,
-            availableAcls,
                 currentUser,
                 className,
                 editions,

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

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

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

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