/** @format */
/**
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
import { BaseControl, Button } from '@wordpress/components';
import classnames from 'classnames';
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
import { ESCAPE } from '@wordpress/keycodes';
import { get } from 'lodash';
import { withDispatch } from '@wordpress/data';
/**
* WooCommerce dependencies
*/
import { Link, ProductImage } from '@woocommerce/components';
/**
* Internal dependencies
*/
import { ActivityCard } from '../../activity-card';
class ProductStockCard extends Component {
constructor( props ) {
super( props );
this.state = {
quantity: props.product.stock_quantity,
editing: false,
};
this.beginEdit = this.beginEdit.bind( this );
this.cancelEdit = this.cancelEdit.bind( this );
this.onQuantityChange = this.onQuantityChange.bind( this );
this.handleKeyDown = this.handleKeyDown.bind( this );
this.updateStock = this.updateStock.bind( this );
}
componentDidUpdate() {
this.quantityInput && this.quantityInput.focus();
}
beginEdit() {
this.setState( { editing: true } );
}
cancelEdit() {
this.setState( {
editing: false,
quantity: this.props.product.stock_quantity,
} );
}
handleKeyDown( event ) {
if ( event.keyCode === ESCAPE ) {
this.cancelEdit();
}
}
onQuantityChange( event ) {
this.setState( { quantity: event.target.value } );
}
updateStock() {
const { product, updateItem } = this.props;
this.setState( { editing: false }, () => {
const data = {
stock_quantity: this.state.quantity,
type: product.type,
parent_id: product.parent_id,
};
updateItem( 'products', product.id, data );
} );
}
getActions() {
const { editing } = this.state;
if ( editing ) {
return [
,
,
];
}
return [
,
];
}
getBody() {
const { editing, quantity } = this.state;
if ( editing ) {
return (