UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 3.19 kB
{ "version": 3, "sources": ["../../../src/components/link-control/settings-drawer.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { chevronLeftSmall, chevronRightSmall } from '@wordpress/icons';\nimport { useReducedMotion, useInstanceId } from '@wordpress/compose';\nimport { _x, isRTL } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\n\nfunction LinkSettingsDrawer( { children, settingsOpen, setSettingsOpen } ) {\n\tconst prefersReducedMotion = useReducedMotion();\n\tconst MaybeAnimatePresence = prefersReducedMotion\n\t\t? Fragment\n\t\t: AnimatePresence;\n\tconst MaybeMotionDiv = prefersReducedMotion ? 'div' : motion.div;\n\n\tconst id = useInstanceId( LinkSettingsDrawer );\n\n\tconst settingsDrawerId = `link-control-settings-drawer-${ id }`;\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tclassName=\"block-editor-link-control__drawer-toggle\"\n\t\t\t\taria-expanded={ settingsOpen }\n\t\t\t\tonClick={ () => setSettingsOpen( ! settingsOpen ) }\n\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\taria-controls={ settingsDrawerId }\n\t\t\t>\n\t\t\t\t{ _x( 'Advanced', 'Additional link settings' ) }\n\t\t\t</Button>\n\t\t\t<MaybeAnimatePresence>\n\t\t\t\t{ settingsOpen && (\n\t\t\t\t\t<MaybeMotionDiv\n\t\t\t\t\t\tclassName=\"block-editor-link-control__drawer\"\n\t\t\t\t\t\thidden={ ! settingsOpen }\n\t\t\t\t\t\tid={ settingsDrawerId }\n\t\t\t\t\t\tinitial=\"collapsed\"\n\t\t\t\t\t\tanimate=\"open\"\n\t\t\t\t\t\texit=\"collapsed\"\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\topen: { opacity: 1, height: 'auto' },\n\t\t\t\t\t\t\tcollapsed: { opacity: 0, height: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\tduration: 0.1,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"block-editor-link-control__drawer-inner\">\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</MaybeMotionDiv>\n\t\t\t\t) }\n\t\t\t</MaybeAnimatePresence>\n\t\t</>\n\t);\n}\n\nexport default LinkSettingsDrawer;\n"], "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,oBAAoB;AAAA,EACpB,6BAA6B;AAAA,OACvB;AACP,SAAS,kBAAkB,yBAAyB;AACpD,SAAS,kBAAkB,qBAAqB;AAChD,SAAS,IAAI,aAAa;AAC1B,SAAS,gBAAgB;AAcvB,qBAAAA,WACC,KADD;AAZF,SAAS,mBAAoB,EAAE,UAAU,cAAc,gBAAgB,GAAI;AAC1E,QAAM,uBAAuB,iBAAiB;AAC9C,QAAM,uBAAuB,uBAC1B,WACA;AACH,QAAM,iBAAiB,uBAAuB,QAAQ,OAAO;AAE7D,QAAM,KAAK,cAAe,kBAAmB;AAE7C,QAAM,mBAAmB,gCAAiC,EAAG;AAE7D,SACC,qBAAAA,WAAA,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,WAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,SAAU,MAAM,gBAAiB,CAAE,YAAa;AAAA,QAChD,MAAO,MAAM,IAAI,mBAAmB;AAAA,QACpC,iBAAgB;AAAA,QAEd,aAAI,YAAY,0BAA2B;AAAA;AAAA,IAC9C;AAAA,IACA,oBAAC,wBACE,0BACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,QAAS,CAAE;AAAA,QACX,IAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,UAAW;AAAA,UACV,MAAM,EAAE,SAAS,GAAG,QAAQ,OAAO;AAAA,UACnC,WAAW,EAAE,SAAS,GAAG,QAAQ,EAAE;AAAA,QACpC;AAAA,QACA,YAAa;AAAA,UACZ,UAAU;AAAA,QACX;AAAA,QAEA,8BAAC,SAAI,WAAU,2CACZ,UACH;AAAA;AAAA,IACD,GAEF;AAAA,KACD;AAEF;AAEA,IAAO,0BAAQ;", "names": ["Fragment"] }