screen.jsx000064400000007175150212676160006571 0ustar00/** * JavaScript code for the "Add New Screen" component. * * @package TablePress * @subpackage Add New Screen * @author Tobias Bäthge * @since 3.0.0 */ /** * WordPress dependencies. */ import { useState } from 'react'; import { Button, Card, CardBody, CardHeader, __experimentalHStack as HStack, // eslint-disable-line @wordpress/no-unsafe-wp-apis __experimentalNumberControl as NumberControl, // eslint-disable-line @wordpress/no-unsafe-wp-apis TextareaControl, TextControl, __experimentalVStack as VStack, // eslint-disable-line @wordpress/no-unsafe-wp-apis } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; /** * Returns the "Add New Screen" component's JSX markup. * * @return {Object} Add New Screen component. */ const Screen = () => { const [ screenData, setScreenData ] = useState( { name: '', description: '', rows: 5, columns: 5, } ); /** * Handles screen data state changes. * * @param {Object} updatedScreenData Data in the screen data state that should be updated. */ const updateScreenData = ( updatedScreenData ) => { setScreenData( ( currentScreenData ) => ( { ...currentScreenData, ...updatedScreenData, } ) ); }; return (

{ __( 'Add New Table', 'tablepress' ) }

 updateScreenData( { name } ) } /> updateScreenData( { description } ) } rows="4" />
updateScreenData( { rows } ) } min={ 1 } max={ 99999 } required={ true } />
updateScreenData( { columns } ) } min={ 1 } max={ 99999 } required={ true } />
); }; export default Screen; index.php000064400000000034150212676160006367 0ustar00