@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 1.94 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/guide/page-control.tsx"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { PageControlIcon } from './icons';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function PageControl({\n currentPage,\n numberOfPages,\n setCurrentPage\n}) {\n return /*#__PURE__*/_jsx(\"ul\", {\n className: \"components-guide__page-control\",\n \"aria-label\": __('Guide controls'),\n children: Array.from({\n length: numberOfPages\n }).map((_, page) => /*#__PURE__*/_jsx(\"li\", {\n // Set aria-current=\"step\" on the active page, see https://www.w3.org/TR/wai-aria-1.1/#aria-current\n \"aria-current\": page === currentPage ? 'step' : undefined,\n children: /*#__PURE__*/_jsx(Button, {\n size: \"small\",\n icon: /*#__PURE__*/_jsx(PageControlIcon, {}),\n \"aria-label\": sprintf(/* translators: 1: current page number 2: total number of pages */\n __('Page %1$d of %2$d'), page + 1, numberOfPages),\n onClick: () => setCurrentPage(page)\n }, page)\n }, page))\n });\n}"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA4B;AAK5B,oBAAmB;AACnB,mBAAgC;AAChC,yBAA4B;AACb,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,SAAoB,uCAAAA,KAAK,MAAM;AAAA,IAC7B,WAAW;AAAA,IACX,kBAAc,gBAAG,gBAAgB;AAAA,IACjC,UAAU,MAAM,KAAK;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,EAAE,IAAI,CAAC,GAAG,SAAsB,uCAAAA,KAAK,MAAM;AAAA;AAAA,MAE1C,gBAAgB,SAAS,cAAc,SAAS;AAAA,MAChD,UAAuB,uCAAAA,KAAK,cAAAC,SAAQ;AAAA,QAClC,MAAM;AAAA,QACN,MAAmB,uCAAAD,KAAK,8BAAiB,CAAC,CAAC;AAAA,QAC3C,kBAAc;AAAA;AAAA,cACd,gBAAG,mBAAmB;AAAA,UAAG,OAAO;AAAA,UAAG;AAAA,QAAa;AAAA,QAChD,SAAS,MAAM,eAAe,IAAI;AAAA,MACpC,GAAG,IAAI;AAAA,IACT,GAAG,IAAI,CAAC;AAAA,EACV,CAAC;AACH;",
"names": ["_jsx", "Button"]
}