@wordpress/block-editor/build/components/justify-content-control/ui.cjs.map

Generic block editor.

{
  "version": 3,
  "sources": ["../../../src/components/justify-content-control/ui.js"],
  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAkD;AAClD,mBAMO;AACP,kBAAmB;AAwEjB;AAtEF,IAAM,QAAQ;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AACV;AAEA,SAAS,iBAAkB;AAAA,EAC1B,kBAAkB,CAAE,QAAQ,UAAU,SAAS,eAAgB;AAAA,EAC/D,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AAIH,QAAM,cAAc,CAAE,SAAU;AAC/B,QAAK,SAAS,OAAQ;AACrB,eAAU,MAAU;AAAA,IACrB,OAAO;AACN,eAAU,IAAK;AAAA,IAChB;AAAA,EACD;AAEA,QAAM,OAAO,QAAQ,MAAO,KAAM,IAAI,MAAM;AAC5C,QAAM,cAAc;AAAA,IACnB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAO,gBAAI,oBAAqB;AAAA,MAChC,UAAU,WAAW;AAAA,MACrB,SAAS,MAAM,YAAa,MAAO;AAAA,IACpC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAO,gBAAI,sBAAuB;AAAA,MAClC,UAAU,aAAa;AAAA,MACvB,SAAS,MAAM,YAAa,QAAS;AAAA,IACtC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAO,gBAAI,qBAAsB;AAAA,MACjC,UAAU,YAAY;AAAA,MACtB,SAAS,MAAM,YAAa,OAAQ;AAAA,IACrC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAO,gBAAI,qBAAsB;AAAA,MACjC,UAAU,oBAAoB;AAAA,MAC9B,SAAS,MAAM,YAAa,eAAgB;AAAA,IAC7C;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAO,gBAAI,eAAgB;AAAA,MAC3B,UAAU,cAAc;AAAA,MACxB,SAAS,MAAM,YAAa,SAAU;AAAA,IACvC;AAAA,EACD;AAEA,QAAM,cAAc,YAAY,iCAAe;AAC/C,QAAM,aAAa,YAAY,EAAE,YAAY,IAAI,CAAC;AAElD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAQ,gBAAI,4BAA6B;AAAA,MACzC,UAAW,YAAY;AAAA,QAAQ,CAAE,SAChC,gBAAgB,SAAU,KAAK,IAAK;AAAA,MACrC;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,aAAQ;",
  "names": []
}