@wordpress/editor
Version:
Enhanced block editor for WordPress posts.
8 lines (7 loc) • 2.92 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/components/page-attributes/order.js"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tFlex,\n\tFlexBlock,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport { store as editorStore } from '../../store';\n\nfunction PageAttributesOrder() {\n\tconst order = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'menu_order' ) ?? 0,\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ orderInput, setOrderInput ] = useState( null );\n\n\tconst setUpdatedOrder = ( value ) => {\n\t\tsetOrderInput( value );\n\t\tconst newOrder = Number( value );\n\t\tif ( Number.isInteger( newOrder ) && value.trim?.() !== '' ) {\n\t\t\teditPost( { menu_order: newOrder } );\n\t\t}\n\t};\n\n\tconst value = orderInput ?? order;\n\n\treturn (\n\t\t<Flex>\n\t\t\t<FlexBlock>\n\t\t\t\t<NumberControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Order' ) }\n\t\t\t\t\thelp={ __( 'Set the page order.' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ setUpdatedOrder }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\tsetOrderInput( null );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</FlexBlock>\n\t\t</Flex>\n\t);\n}\n\n/**\n * Renders the Page Attributes Order component. A number input in an editor interface\n * for setting the order of a given page.\n * The component is now not used in core but was kept for backward compatibility.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function PageAttributesOrderWithChecks() {\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"page-attributes\">\n\t\t\t<PageAttributesOrder />\n\t\t</PostTypeSupportCheck>\n\t);\n}\n"],
"mappings": ";AAGA,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA,+BAA+B;AAAA,OACzB;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,gBAAgB;AAKzB,OAAO,0BAA0B;AACjC,SAAS,SAAS,mBAAmB;AAwBjC;AAtBJ,SAAS,sBAAsB;AAC9B,QAAM,QAAQ;AAAA,IACb,CAAE,WACD,OAAQ,WAAY,EAAE,uBAAwB,YAAa,KAAK;AAAA,IACjE,CAAC;AAAA,EACF;AACA,QAAM,EAAE,SAAS,IAAI,YAAa,WAAY;AAC9C,QAAM,CAAE,YAAY,aAAc,IAAI,SAAU,IAAK;AAErD,QAAM,kBAAkB,CAAEA,WAAW;AACpC,kBAAeA,MAAM;AACrB,UAAM,WAAW,OAAQA,MAAM;AAC/B,QAAK,OAAO,UAAW,QAAS,KAAKA,OAAM,OAAO,MAAM,IAAK;AAC5D,eAAU,EAAE,YAAY,SAAS,CAAE;AAAA,IACpC;AAAA,EACD;AAEA,QAAM,QAAQ,cAAc;AAE5B,SACC,oBAAC,QACA,8BAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,OAAQ,GAAI,OAAQ;AAAA,MACpB,MAAO,GAAI,qBAAsB;AAAA,MACjC;AAAA,MACA,UAAW;AAAA,MACX,qBAAmB;AAAA,MACnB,QAAS,MAAM;AACd,sBAAe,IAAK;AAAA,MACrB;AAAA;AAAA,EACD,GACD,GACD;AAEF;AASe,SAAR,gCAAiD;AACvD,SACC,oBAAC,wBAAqB,aAAY,mBACjC,8BAAC,uBAAoB,GACtB;AAEF;",
"names": ["value"]
}