UNPKG

@wordpress/components

Version:
8 lines (7 loc) 1.79 kB
{ "version": 3, "sources": ["../../src/panel/index.tsx"], "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PanelHeader from './header';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedPanel({\n header,\n className,\n children\n}, ref) {\n const classNames = clsx(className, 'components-panel');\n return /*#__PURE__*/_jsxs(\"div\", {\n className: classNames,\n ref: ref,\n children: [header && /*#__PURE__*/_jsx(PanelHeader, {\n label: header\n }), children]\n });\n}\n\n/**\n * `Panel` expands and collapses multiple sections of content.\n *\n * ```jsx\n * import { Panel, PanelBody, PanelRow } from '@wordpress/components';\n * import { more } from '@wordpress/icons';\n *\n * const MyPanel = () => (\n * \t<Panel header=\"My Panel\">\n * \t\t<PanelBody title=\"My Block Settings\" icon={ more } initialOpen={ true }>\n * \t\t\t<PanelRow>My Panel Inputs and Labels</PanelRow>\n * \t\t</PanelBody>\n * \t</Panel>\n * );\n * ```\n */\nexport const Panel = forwardRef(UnforwardedPanel);\nPanel.displayName = 'Panel';\nexport default Panel;"], "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA2B;AAK3B,oBAAwB;AACxB,yBAA2C;AAC3C,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM,iBAAa,YAAAA,SAAK,WAAW,kBAAkB;AACrD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX;AAAA,IACA,UAAU,CAAC,UAAuB,uCAAAC,KAAK,cAAAC,SAAa;AAAA,MAClD,OAAO;AAAA,IACT,CAAC,GAAG,QAAQ;AAAA,EACd,CAAC;AACH;AAkBO,IAAM,YAAQ,2BAAW,gBAAgB;AAChD,MAAM,cAAc;AACpB,IAAO,gBAAQ;", "names": ["clsx", "_jsxs", "_jsx", "PanelHeader"] }